{"id":2223,"date":"2021-04-16T08:55:53","date_gmt":"2021-04-16T08:55:53","guid":{"rendered":"https:\/\/docs.deothemes.com\/amela\/?post_type=manual_kb&#038;p=2223"},"modified":"2021-08-07T12:04:32","modified_gmt":"2021-08-07T12:04:32","slug":"product-builder","status":"publish","type":"manual_kb","link":"https:\/\/docs.deothemes.com\/amela\/knowledgebase\/product-builder\/","title":{"rendered":"Product Builder"},"content":{"rendered":"<p><iframe title=\"Arendelle WordPress Theme WooCommerce Product Builder\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/2zUr4KWO6rQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>WooCommerce product builder works in a similar way as other <a href=\"https:\/\/docs.deothemes.com\/amela\/knowledgebase\/header-footer-builder\">templates<\/a>. To start, navigate to <strong>Amela -&gt; Templates <\/strong>and create a new template. Set template location to <strong>Single Product<\/strong> and activate template with the <strong>Template Activation<\/strong> switch. The last field <strong>Product Template Preview <\/strong>is used for preview purposes, enter the name of your product which you&#8217;d like to see in Elementor editor. This product will be shown in the editor, however, this template will apply to all of your products. Click <strong>Edit With Elementor<\/strong> button to open the editor<strong>.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"image-frame\" src=\"https:\/\/docs.deothemes.com\/wp-content\/uploads\/sites\/9\/2021\/04\/docs_product_builder.jpg\" \/><\/p>\n<div class=\"alert alert-info\"><span><strong>Note:<\/strong> Some elements may not display properly in editor therefore always preview your template in the real product.<\/span><\/div>\n<h2>Preview product template<\/h2>\n<p>To preview your product template click on the Settings gear icon at the bottom of the editor and open <strong>Eversor Settings<\/strong>. Click the <strong>Preview the product<\/strong> link to see your product.<\/p>\n<p><img decoding=\"async\" class=\"image-frame\" src=\"https:\/\/docs.deothemes.com\/wp-content\/uploads\/sites\/9\/2021\/04\/docs_product_preview.jpg\" \/><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[49],"manual_kb_tag":[],"class_list":["post-2223","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-page-builder"],"_links":{"self":[{"href":"https:\/\/docs.deothemes.com\/amela\/wp-json\/wp\/v2\/manual_kb\/2223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.deothemes.com\/amela\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/docs.deothemes.com\/amela\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/docs.deothemes.com\/amela\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":10,"href":"https:\/\/docs.deothemes.com\/amela\/wp-json\/wp\/v2\/manual_kb\/2223\/revisions"}],"predecessor-version":[{"id":2320,"href":"https:\/\/docs.deothemes.com\/amela\/wp-json\/wp\/v2\/manual_kb\/2223\/revisions\/2320"}],"wp:attachment":[{"href":"https:\/\/docs.deothemes.com\/amela\/wp-json\/wp\/v2\/media?parent=2223"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/docs.deothemes.com\/amela\/wp-json\/wp\/v2\/manualknowledgebasecat?post=2223"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/docs.deothemes.com\/amela\/wp-json\/wp\/v2\/manual_kb_tag?post=2223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}