Elements

In this tab you will find different elements for each WooCommerce pages. For each pages you will get different elements and you can enable or disable the elements as per you need. In this tab you will find options to enable or disable the elements for shop page, archive page, search result page, single page, cart page, checkout page, thank you page, my account page and other general elements.

Modules

Besides WooCommerce page elements, Here you will find other elements for enable and disable. Currently we have only cross domain copy paste module. In future updates of a plugin we will add more modules here.

WooCommerce Templates

Here you can enable or disable default templates or assign default template created on my templates for various WooCommerce pages like shop page, archive page, product search result page, cart page, checkout page, my account page separately. If you disable the default template it will show the default woocommerce template and if enabled and selected custom WooCommerce templates then the selected custom template will be used.

Global Settings

Here you can enable or disable the multistep/Quick Checkout method and enable or disable custom add to cart button labels. If you have disabled the multistep/quick checkout then the multistep checkout elements will not be available in the editor. Similary, if you disable the custom add to cart buttons label then the default add to cart buttons will appear on the site.

Add New Template

Please follow the steps below to create a new template.

• Navigate to Ultra WooBuilder - Templates Builder and Click on "Add New Template".

  

• When you click on "Add New Template" button a popup will appear where you can enter details about the template.

  1. Template Name: Please enter the name of the template for your reference. This template name will be used as template title for templates listing.

     

  2. Template Type: Please select the template type you want to use. A dropdown will appear where you can select shop/archive page, single page, cart page, checkout page, thank you page and my account page.

     

  3. Page type: If you select the template type to shop/archive page you will need to select page type either shop, archive or search result page.

     

  4. Categories: If you have selected template type to shop/archive page and page type to archive; you will get the categories selection option where you can select categories where this template will be used for display of the content.

     

  5. Set Default: If you want to set this template as a default template for selected template type or page type you need to enable this option. Please note: When you set this template as a default template other template's default will be unset for that page type.

     

  6. After all those configuration to create template please click on 'Create Template' button.

     

Now when you click "Create template" button you will be redirected to page builder page to build the template. Here you can build the page as per your need for selected page type. You can get the available/enabled elements of Ultra WooBuilder on the widgets/elements selection. The elements can be dragged and dropped to the editor and can configure each element as per your need from available options.

For each widget(element) you will get the configuration settings options which you can configure as per your need.

After adding required widgets(elements) to the page builder click on update button. Now the template will be saved and if you have set it to default the template will be applied to frontend. You can view the changed on the assigned page on frontend.

After creating multiple templates for different WooCommerce pages you can access each page types by clicking on sub tabs for each page types. You can access all templates by clicking 'All' tabs.

Edit Template

For created templates if you want to edit the templates later after creating you can click on edit or edit with elementor link to edit the template.

After that a popup will appear which is same like create template popup and you can edit the name and other allowed parameters and after that you can click on edit template button to edit this template or if you want to save those changed parameters you can simply click save template to save the parameters.

Now when you click "Edit template" button you will be redirected to page builder to build the template. Here you can build the page as per your need for selected page type. You can get the available/enabled elements of Ultra WooBuilder on the widgets/elements selection.

Templates Listing

All the created templates will be listed here. All created templates can be accessable through all tab. Page wise templates can be listed by clicking on each page type. For example if you have created several templates for shop/archive page all the shop/archive page templates will be listed here and if you have created multiple templates for single page all the templates will be listed under single page tab.

The columns available for templates listings are:

• Title: This is the title of the template that you have given.
• Mark Default: When mark default is set here this template will be used for template override in frontend for woocommerce page.
• Template Type: This is the template type that you have created for.
• Product Categories: If you have created a template for archive pages or single pages then the list of the categories will be shown here. If blank it will be used for all categories.

Now when you click "Edit template" button you will be redirected to page builder to build the template. Here you can build the page as per your need for selected page type. You can get the available/enabled elements of Ultra WooBuilder on the widgets/elements selection.

How to create shop page template.

Please follow the steps below to create a shop template.

• Navigate to Ultra WooBuilder - Templates Builder and Click on "Add New Template".

  

• When you click on "Add New Template" button a popup will appear where you can enter details about the template.

  1. Template Name: Please enter the name of the shop template for your reference. This template name will be used as template title in templates listing.

     

  2. Template Type: Please select the template type to shop from a dropdown.

     

  3. Page type: Plese select the page type to shop.

     

  4. Set Default: If you want to set this template as a default template forshop page you need to enable this option. Please note: When you set this template as a default template other template's default will be unset for that page type.

     

  5. After all those configuration to create template please click on 'Create Template' button.

     

Now when you click "Create template" button you will be redirected to page builder page to build the template. Here you can build the page as per your need for selected page type. You can get the available/enabled shop page elements of Ultra WooBuilder on the widgets/elements selection. The elements can be dragged and dropped to the editor and can configure each element as per your need from available options.

For each widget(element) you will get the configuration settings options which you can configure as per your need.

After adding required widgets(elements) to the page builder click on update button. Now the template will be saved and if you have set it to default the template will be applied to frontend. You can view the changed on the assigned page on frontend.

How to create archive page template.

Please follow the steps below to create a archive page template.

• Navigate to Ultra WooBuilder - Templates Builder and Click on "Add New Template".

  

• When you click on "Add New Template" button a popup will appear where you can enter details about the template.

  1. Template Name: Please enter the name of the archive template for your reference. This template name will be used as template title in templates listing.

     

  2. Template Type: Please select the template type to shop/archive from a dropdown.

     

  3. Page type: Plese select the page type to archive.

     

  4. Categories: Plese select the categories where you want to use this template.

     

  5. Set Default: If you want to set this template as a default template for archive page you need to enable this option. Please note: When you set this template as a default template other template's default will be unset for archive page type.

     

  6. After all those configuration to create template please click on 'Create Template' button.

     

Now when you click "Create template" button you will be redirected to page builder page to build the template. Here you can build the page as per your need for selected page type. You can get the available/enabled shop page elements of Ultra WooBuilder on the widgets/elements selection. The elements can be dragged and dropped to the editor and can configure each element as per your need from available options.

For each widget(element) you will get the configuration settings options which you can configure as per your need.

After adding required widgets(elements) to the page builder click on update button. Now the template will be saved and if you have set it to default the template will be applied to frontend. You can view the changed on the assigned page on frontend.

How to create search result page template.

Please follow the steps below to create a search result template.

• Navigate to Ultra WooBuilder - My Templates and Click on "Add New Template".

  

• When you click on "Add New Template" button a popup will appear where you can enter details about the template.

  1. Template Name: Please enter the name of the search result template for your reference. This template name will be used as template title in templates listing.

     

  2. Template Type: Please select the template type to shop/archive from a dropdown.

     

  3. Page type: Plese select the page type to search result.

     

  4. Set Default: If you want to set this template as a default template for search result page you need to enable this option. Please note: When you set this template as a default template other template's default will be unset for that page type.

     

  5. After all those configuration to create template please click on 'Create Template' button.

     

Now when you click "Create template" button you will be redirected to page builder page to build the template. Here you can build the page as per your need for selected page type. You can get the available/enabled shop page elements of Ultra WooBuilder on the widgets/elements selection. The elements can be dragged and dropped to the editor and can configure each element as per your need from available options.

For each widget(element) you will get the configuration settings options which you can configure as per your need.

After adding required widgets(elements) to the page builder click on update button. Now the template will be saved and if you have set it to default the template will be applied to frontend. You can view the changed on the assigned page on frontend.

How to create single page template.

Please follow the steps below to create a single page template.

• Navigate to Ultra WooBuilder - Templates Builder and Click on "Add New Template".

  

• When you click on "Add New Template" button a popup will appear where you can enter details about the template.

  1. Template Name: Please enter the name of the single template for your reference. This template name will be used as template title in templates listing.

     

  2. Template Type: Please select the template type to single from a dropdown.

     

  3. Categories: Plese select the categories where you want to use this template.

     

  4. Set Default: If you want to set this template as a default template for single page you need to enable this option. Please note: When you set this template as a default template other template's default will be unset for single page type.

     

  5. After all those configuration to create template please click on 'Create Template' button.

     

Now when you click "Create template" button you will be redirected to page builder page to build the template. Here you can build the page as per your need for selected page type. You can get the available/enabled shop page elements of Ultra WooBuilder on the widgets/elements selection. The elements can be dragged and dropped to the editor and can configure each element as per your need from available options.

For each widget(element) you will get the configuration settings options which you can configure as per your need.

After adding required widgets(elements) to the page builder click on update button. Now the template will be saved and if you have set it to default the template will be applied to frontend. You can view the changed on the assigned page on frontend.

How to create cart page template.

Please follow the steps below to create a cart page template.

• Navigate to Ultra WooBuilder - Templates Builder and Click on "Add New Template".

  

• When you click on "Add New Template" button a popup will appear where you can enter details about the template.

  1. Template Name: Please enter the name of the archive template for your reference. This template name will be used as template title in templates listing.

     

  2. Template Type: Please select the template type to cart from a dropdown.

     

  3. Set Default: If you want to set this template as a default template for cart page you need to enable this option. Please note: When you set this template as a default template other template's default will be unset for cart page type.

     

  4. After all those configuration to create template please click on 'Create Template' button.

     

Now when you click "Create template" button you will be redirected to page builder page to build the template. Here you can build the page as per your need for selected page type. You can get the available/enabled shop page elements of Ultra WooBuilder on the widgets/elements selection. The elements can be dragged and dropped to the editor and can configure each element as per your need from available options.

For each widget(element) you will get the configuration settings options which you can configure as per your need.

After adding required widgets(elements) to the page builder click on update button. Now the template will be saved and if you have set it to default the template will be applied to frontend. You can view the changed on the assigned page on frontend.

How to create checkout page template.

Please follow the steps below to create a checkout page template.

• Navigate to Ultra WooBuilder - Templates Builder and Click on "Add New Template".

  

• When you click on "Add New Template" button a popup will appear where you can enter details about the template.

  1. Template Name: Please enter the name of the checkout template for your reference. This template name will be used as template title in templates listing.

     

  2. Template Type: Please select the template type to checkout from a dropdown.

     

  3. Set Default: If you want to set this template as a default template for checkout page you need to enable this option. Please note: When you set this template as a default template other template's default will be unset for checkout page type.

     

  4. After all those configuration to create template please click on 'Create Template' button.

     

Now when you click "Create template" button you will be redirected to page builder page to build the template. Here you can build the page as per your need for selected page type. You can get the available/enabled shop page elements of Ultra WooBuilder on the widgets/elements selection. The elements can be dragged and dropped to the editor and can configure each element as per your need from available options.

For each widget(element) you will get the configuration settings options which you can configure as per your need.

After adding required widgets(elements) to the page builder click on update button. Now the template will be saved and if you have set it to default the template will be applied to frontend. You can view the changed on the assigned page on frontend.

How to create thank you page template.

Please follow the steps below to create a thank you page template.

• Navigate to Ultra WooBuilder - Templates Builder and Click on "Add New Template".

  

• When you click on "Add New Template" button a popup will appear where you can enter details about the template.

  1. Template Name: Please enter the name of the thank you template for your reference. This template name will be used as template title in templates listing.

     

  2. Template Type: Please select the template type to thank you from a dropdown.

     

  3. Set Default: If you want to set this template as a default template for thank you page you need to enable this option. Please note: When you set this template as a default template other template's default will be unset for thank you page type.

     

  4. After all those configuration to create template please click on 'Create Template' button.

     

Now when you click "Create template" button you will be redirected to page builder page to build the template. Here you can build the page as per your need for selected page type. You can get the available/enabled shop page elements of Ultra WooBuilder on the widgets/elements selection. The elements can be dragged and dropped to the editor and can configure each element as per your need from available options.

For each widget(element) you will get the configuration settings options which you can configure as per your need.

After adding required widgets(elements) to the page builder click on update button. Now the template will be saved and if you have set it to default the template will be applied to frontend. You can view the changed on the assigned page on frontend.

How to create my account page template.

Please follow the steps below to create a my account page template.

• Navigate to Ultra WooBuilder - Templates Builder and Click on "Add New Template".

  

• When you click on "Add New Template" button a popup will appear where you can enter details about the template.

  1. Template Name: Please enter the name of the my account template for your reference. This template name will be used as template title in templates listing.

     

  2. Template Type: Please select the template type to my account from a dropdown.

     

  3. Set Default: If you want to set this template as a default template for my account page you need to enable this option. Please note: When you set this template as a default template other template's default will be unset for my account page type.

     

  4. After all those configuration to create template please click on 'Create Template' button.

     

Now when you click "Create template" button you will be redirected to page builder page to build the template. Here you can build the page as per your need for selected page type. You can get the available/enabled shop page elements of Ultra WooBuilder on the widgets/elements selection. The elements can be dragged and dropped to the editor and can configure each element as per your need from available options.

For each widget(element) you will get the configuration settings options which you can configure as per your need.

After adding required widgets(elements) to the page builder click on update button. Now the template will be saved and if you have set it to default the template will be applied to frontend. You can view the changed on the assigned page on frontend.

Shop Page Elements

To create a page for Shop page the elements that are available from our plugin are as follows:

1. Archive title: This is the title of the archive page. For shop page the archive title will be Shop.
2. Archive products listing: This element will be used to display the products for shop or archive page.
3. Archive result count: This element will display the number of products available on a page.
4. Archive catalog ordering: Products ordering available for sorting of the products with various selection options.
5. Archive category description: This element will be used for display of the category description for archive pages.
6. Archive products filter bar: This element will allow to add various filter bars options on the shop and archive listing page.
7. Archive products offcanvas filter bar: This element will allow to add various filter bars options as offcanvas(popup) on the shop and archive listing page.

Single Page Elements

To create a page for Single page, the elements that are available from our plugin are as follows:

1. Product Title: This element will display the product title.
2. Product Gallery: This element will display the product images.
3. Product Short Description: This element will display the product description.
4. Product Price: This element will display the product price.
5. Product Meta: This element will display the product meta. It will include product sku, product tags and product categories.
6. Product Meta(SKU): This element will display the product meta SKU.
7. Product Meta(Tags): This element will display the product meta Tags.
8. Product Meta(Categories): This element will display the product Meta categories.
9. Add To Cart Button: This element will display the add to cart button of a product.
10. Stock: This element will display the product's stock availability.
11. Upsell: This element will display the product's upsell and cross sell products.
12. Product Rating: This element will display the product rating.
13. Product Average Rating: This element will display the product's average rating.
14. Product Data Tabs(Description, Additional Information, Reviews): This element will display the product data tabs. It includes product description, it's additional information and it's reviews.
15. Description: This element will display the product description.
16. Additional Information: This element will display the product additional information.
17. Reviews: This element will display the product reviews.
18. Related Products: This element will display the product's related products.
19. Product Stock Status Bar: This element will display the product stock status bar.
20. Product Social Share: This element will display the social share buttons.
21. Single Page Notices: This element will display the product's notices.
22. Floating Add To Cart Bar: This element will display the add to cart buttons on floating at bottom and top of the page.

Cart Page Elements

To create a page for Cart page, the elements that are available from our plugin are as follows:

1. Cart Coupon Form: This element will display the coupon form.
2. Cart Items: This element will display the cart items.
3. Cart Overview: This element will display the cart overview.
4. Cart Checkout Button: This element will display the cart checkout button.
5. Cart Page Notices: This element will display the notices related to cart page.
6. Cart Up Sell/Cross Sell: This element will display the Cart Products Upsell/Crossell Items.

Checkout Page Elements

To create a page for Checkout page the elements that are available from our plugin are as follows:

1. Checkout Coupon Form: This element will display the checkout coupon form.
2. Checkout form billing: This element will display the checkout billing form.
3. Checkout form shipping: This element will display the checkout shipping form.
4. Checkout additional information: This element will display the checkout additional information form.
5. Checkout order review: This element will display the checkout order overview table.
6. Checkout payment options:This element will display the available checkout payment options.
7. Checkout terms and conditions: This element will display the checkout terms and conditions.
8. Checkout submit button: This element will display the checkout submit button.
9. Checkout notices: This element will display the notices that will appear on checkout page.

Thank You Page Elements

To create a page for Thank you page the elements that are available from our plugin are as follows:

1. Thank you order overview: This element will display the order overview table.
2. Thank you order details: This element will display the order details table.
3. Thank you customer details: This element will display the customer details.
4. Thank you payment method: This element will display the payment method.

My Account Page Elements

To create a page for My account page the elements that are available from our plugin are as follows:

1. My account: This element will display the my account section.
2. My account navigation: This element will display the my account navigation.
3. My account dashboard: This element will display the my account dashboard.
4. My account orders: This element will display the my account orders.
5. My account downloads: This element will display the user's available downloads.
6. My account billing address: This element will display the user's billing address.
7. My account shipping address: This element will display the user's shipping address.
8. My account account details: This element will display the user's account details.
9. My account login form: This element will display the user's login form.
10. My account register form: This element will display the register form.
11. My account logout link: : This element will display the user's logout link.
12. My account lost password: This element will display the lost password form.
13. My account reset password: This element will display the reset password form.

General Elements

The common elements that are available from our plugin are as follows:

1. Breadcrumbs: This element will display the current page breadcrumb.
2. Products Categories listing: This element will display the categories.
3. Woo Products: This element will display the products in grid layout.
4. Woo Products Carousel: This element will display the products in carousel layout.
5. Woo Products Tabs: This element will display the products in tabs with grid and carousel layouts.
6. Woo Add to cart: This element will display the product's add to cart button.
7. Woo Ajax Search: This element will display the ajax search form.
8. Woo Categories: This element will display the available categories.
9. Woo Categories Carousel: This element will display the available categories in carousel layout.
10. Woo Customer reviews: This element will display the product's customer reviews.
11. Recently viewed products: This element will display the recently viewed products by user.
12. WooCommerce Notices: This element will display the WooCommerce notices.
13. Shoppable Image: This element will display the shoppable image where you can place different image marker to describe the pins for image content.
14. Purchase Timer: This element will display the countdown timer urgency to users when they add items to cart.
15. Product Search Form: This element will display the product search form that will redirect the user to product search result page when they click on search after entering the search word.