The ShopBuilder Woocommerce plugin simplifies the process of creating shop pages, category/ archive pages, product pages, and cart pages using the Elementor page builder.
The image below marks some of the points under the Templates Builder menu.
1. Template Builder Menu: Begin by navigating to the “Template Builder” submenu within “ShopBuilder.” Here, users are required to craft templates for their WooCommerce pages.
2. Add New: Click the “Add New” Button to create a new Template.
3. Title: Here, users can display the Template Names.
4. Template Type: Display Template Types look like Shop, Archive, Product Page, Cart, etc.
Shop: The shop menu displays all the Templates that are created for the Shop page.
Archive: The archive menu displays all the Templates that are created for the Archive page.
Product Page: The Product Page menu displays all the Templates that are created for the Product Page.
Cart: The Cart menu displays all the Templates that are created for the Cart page.
5. Set as Active: The Column displays the switch button. Switch on the template Active to the front end, and this template will replace the WooCommerce default template.
Click the “Add New” Button ( Above Point 2 ) to create a new Template. #
The Popup functionality is described below.
1. Template Name: The “Template Name” is a mandatory field that you must complete by entering the template’s name.
2. Template Type: “Template Type” is also a mandatory field, and you must select one option from the available choices, such as Shop, Archive, Product Page, Cart, etc.
3. Editor Type: Select Editor type “Elementor” Or “Gutenberg“. Note: Currently Elementor version is available.
4. Set as Active: Enable the option to activate the template builder.
5. Sample Design: There are some default layouts that are pre-built. You can select one of them or select a blank template.
Set Default: If the admin wants to set this template active on the front end, then this checkbox needs to be checked.
6. Save: Now click the save button to create the template.7. Edit with Elementor: After saving the template “Edit With Elementor” button will display and start editing the WooCommerce page with Elementor.
