Search Results for 'woodmart-woocommerce-layout-builder'

Hello,

The specification section in the Electronics 3 demo is created using a custom Single Product Layout.

To achieve the same layout on your site:

1. Navigate to Products > Attributes and create the required attributes (for example: Processor, RAM, Storage, Display, Connectivity, etc.).

2. Edit each product and add the attribute values from:
Product Data > Attributes: https://postimg.cc/QBDfZzR2

3. Then, navigate to > Layouts > Edit Single Product Layout (using your selected page builder).
4. Locate the Product Additional Information widget and configure its Data Source to use the product attributes you created.
https://ibb.co/JwwrhcNM

The grouped specification sections and icons shown in the Electronics 3 demo are part of the custom single product layout configuration. They are not additional fields inside Products > Attributes.

You can also check our Layout Builder documentation for more details:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

Yes, this is normal.

Different WoodMart demos use different layout configurations. The main home demo you imported does not use custom WooCommerce Layout Builder layouts, so no layouts are imported under Layouts.

If you need custom layouts You can create them manually or use the predefined layouts available in the Layout Builder.

Please refer to our guide for more details:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

If you do not want to create a layout, please tell me what you actually want to change so I will check and give you a possible solution.

Best Regards

Hello,

You can create your product category structure like this:

Eggs for Shops
– Organic Eggs
– Free Range Eggs
– Barn Eggs
– Caged Eggs
– Quail Eggs

Eggs for Restaurants
– Organic Eggs
– Free Range Eggs
– Barn Eggs
– Caged Eggs
– Quail Eggs

After creating the categories, you can use the Organic Farm archive layout only for the main Shop page instead of applying it to all product archive pages.

See the screenshot for better understanding: https://postimg.cc/6T331f3y

In this setup:

– The main Shop page will use the custom Organic Farm demo layout.
– Individual product category pages will use the default WooCommerce archive layout with standard filtering and navigation.

If you want each main category (for example, “Eggs for Shops” and “Eggs for Restaurants”) to have its own unique design, you can create separate archive layouts from:

WoodMart > Layouts > Product Archive and assign a different layout to each category.

See the screenshot for better understanding: https://postimg.cc/PP5RDNSk

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

You are using the Product Archive layout, and the product image size is controlled from the Product Archive widget settings.

Please navigate to Layouts > Edit Product Archive Widget > Then set the Image Size option to “WooCommerce Thumbnail”.

Once you select the WooCommerce Thumbnail size, the WooCommerce image cropping settings) will be applied correctly.

See the screenshot for better understanding:
https://ibb.co/DfLx92Hg

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

01. You are using a custom layout for a checkout page. Navigate to Layouts > Edit checkout layout with elementor change the text into another language

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

02. Regarding the free shipping bar text, navigate to Theme Settings > Shop > Free Shipping Bar > Change the Initial message.
For more information, follow this guide: https://xtemos.com/docs-topic/free-shipping-progress-bar/

03. Regarding the widget titles, navigate to Appearance > Widgets > Edit the widget in the shop page widget area and change the titles.

Screenshot for better understanding: https://ibb.co/7R9L0KV

04. Regarding free delivery over order text in a single product page, navigate to Layouts > Edit single product layout and edit the info box widget and change the text.

Best Regards

Hello,

This demo is using a custom layout for a checkout page. Navigate to Layouts > Edit checkout layout mega Electronics and change the text.

See Screenshot for better understanding: https://postimg.cc/RNFg7JHB

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Regarding the free shipping bar text, navigate to Theme Settings > Shop > Free Shipping Bar > Change the Initial message.

For more information, follow this guide: https://xtemos.com/docs-topic/free-shipping-progress-bar/

Best Regards

Hello,

If you are referring to displaying accessory products in a tab on the single product page, you can achieve this using Custom Tabs.

Please follow these steps:

1. Navigate to Products > Custom Tabs and edit the custom tab.
2. Edit the tab content.
3. Add the Product Grid or Product Carousel widget.
4. In the widget settings, select the Accessories product category so that products from that category are displayed.
5. Under the Tab Conditions, assign the tab to the appropriate product category (for example, your Accessories category). The custom tab will then appear only on products that match the selected conditions.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

If this is not the functionality you are looking for, please provide a screenshot or an example of the accessory section you would like to create, and we’ll be happy to guide you further.

Best Regards

Hello,

I checked your website and found that the categories displayed at the top of the page are coming from your Product Archive Layout.

Please navigate to Layouts, edit your Product Archive Layout, and check the Product Categories widget that has been added there. You can customize or remove it as needed.

For more information about the Layout Builder, please refer to our documentation:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

The subcategories displayed together with the products are controlled by the default WooCommerce category display settings.

Please navigate to:
Appearance > Customize > WooCommerce > Product Catalog > Category Display

It is currently set to Subcategories & Products, which is why WooCommerce is displaying both the subcategories and the products on the category page.

Screenshot for reference:
https://postimg.cc/68yh9HDY

Please adjust this setting according to your requirements and check the result.

Best Regards

Hello,

It appears that the current Single Product Layout was not created with Elementor. If a layout created with the default WordPress editor (Gutenberg) is later opened in Elementor, it may display as a text editor instead of editable Elementor widgets.

Please create a new Single Product Layout by navigating to Layouts > Add New, select Single Product as the layout type and use one of the predefined Layout. Then assign the new layout to your products and check whether the issue persists.

If the problem still remains, please share your WP Admin login details in the Private Content field so that we can investigate the issue further and provide a possible solution.

For more information about the Layout Builder, please refer to our documentation:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

The Products Only option is required because it prevents WooCommerce from outputting its default subcategory grid. This allows the categories to be displayed through the Product Categories widget in your custom Product Archive Layout, where you have full control over the spacing and appearance.

After changing Category Display to Products Only, navigate to WoodMart > Layouts, edit your “Product Archive Layout Categories” layout, and add the Product Categories widget to the desired position. You can then adjust the number of columns, spacing, and other settings to achieve the layout you are looking for.

For more information about the Layout Builder, please refer to our documentation:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

First, create a new custom sidebar by following this guide:
https://xtemos.com/docs-topic/sidebars/

Then, use the WoodMart Layout Builder to create a Shop page layout or create a layout for specific product categories where you want to display a different sidebar. Add the Sidebar element to the layout and select the custom sidebar you created in the previous step.

You can assign the layout to the required product categories using the display conditions.

For more information about the Layout Builder, please refer to our documentation:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

When you create Custom Layouts for the Single Product and Archive pages, the changes made under the Theme Settings aren’t taking effect on those pages.

Navigate to Layouts > Edit Product Archive layout > Edit product archive widget and change the grid space between in the layout:
https://postimg.cc/vcJ4kkfZ

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

01. I have checked your site, and the filter off-canvas popup is displaying correctly and can be scrolled without any issues on mobile devices.

See Screenshot for clarification: https://postimg.cc/LY70kWVw

02. The large white space between the filter and the products is coming from your Product Archive Layout built with Elementor. Please edit the Product Archive Layout and check the Responsive settings of the relevant container. Adjust or remove the margin and padding values to eliminate the extra spacing.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

You are using a custom layout for a product archive and added the menu item under the page title that is why theme settings are not taking effect on it. Navigate to Layouts > Edit Products archive layout with Elementor and make changes.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

01. Try to disable the maintenance mode in WooCommerce Settings > Site visibility > Select the live option, and check the issue.

Please refer to this screenshot: https://ibb.co/xK4WvNDJ

02. To change the text, please go to Theme Settings > My Account > Login / Register, and you can change the registration text. https://ibb.co/z57rKMV

03. Maybe you are using a Custom Checkout layout, which is built with the WoodMart WooCommerce builder. Simply go to Layouts > Edit checkout Layout > and you can change these texts into another language.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Additonal Context

– Yes, you should absolutely move it. Leaving translation files in the System location (wp-content/languages/plugins/) means they will be completely overwritten every time WooCommerce or WordPress core pushes an automatic language pack update.
– Do not place translation files inside the WoodMart Child theme’s languages/ directory. There is no need to do that.
– For the translation, you can read more details here:
https://xtemos.com/docs-topic/theme-translation/
https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

Best Regards

Hello,

You cannot edit the default WooCommerce checkout page directly. Instead, you can use the Theme’s Layout Builder to create a custom Checkout Layout and modify its structure according to your needs.

You can learn more about the Layout Builder here:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

If you want to disable or manage existing checkout fields, please refer to our Fields Manager documentation:
https://xtemos.com/docs-topic/fields-manager/

To add additional custom fields and achieve a checkout design similar to your reference website, you may need to use a third-party plugin that extends WooCommerce checkout functionality, as such custom fields are not available in the theme and woocommerce by default.

Best Regards

Hello,

Custom layouts override the default WooCommerce pages on the frontend, but the original WooCommerce pages will still remain in the WordPress dashboard and are not removed automatically.

If the custom layout is not taking effect, please make sure that the layout is Active and that the correct Conditions are assigned to it.

If the issue remains, Kindly share the page URLs that are still showing the old design along with screenshots of the layout conditions, so we can investigate this further and help you determine why the layout is not being applied.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

You are using a custom layout for a product archive. Navigate to Layouts > Edit Products archive layout with Elementor and edit the text block widget to make changes.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

Maybe you are using a single product layout. Navigate to Layouts > Edit “single product layout” > Edit product tabs widget and disable the “Additional info tab”.
https://postimg.cc/CBGfQyXz

Here is our documentation on how to use Layouts in our theme: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

This demo is using a custom layout for the cart page. Navigate to Layouts > edit “Cart layout Christmas-2” and remove the section from layout.

See Screenshot for better understanding: https://postimg.cc/5jy1q72K

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

Actually, with some of the demos, there are certain Custom Layouts enabled for the Single Product and Archive pages, which is why your made changes under the Theme Settings aren’t taking effect on that.

Navigate to Layouts > Edit product single product layout, remove the breadcrumbs widget, and change the background color directly from the layout.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

Actually, with some of the demos, there are certain Custom Layouts enabled for the Single Product and Archive pages, which is why your made changes under the Theme Settings aren’t taking effect on that.

Navigate to Layouts > Edit product single product layout and remove the related product section.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

This happens because WooCommerce filters (sidebar widgets) only work on Shop and product archive pages by default. When you create a custom page with a product grid or carousel widget, it doesn’t automatically inherit the shop filtering system.

You can either create a custom sidebar and assign it to that page, but note it will not include dynamic WooCommerce filters there. Or, if you need working filters (price, attributes, stock, etc.), you should use a proper Product Archive layout with the WooCommerce query instead of a static page and use the product archive and sidebar widget in the layout.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Alternatively, to add the filters in this custom page, follow this guide and integrate the custom filters form.
https://xtemos.com/docs-topic/how-to-create-filters-form/

Best Regards

Hello,

01. You cannot edit these functional pages with Elementor directly. Try to use the Theme’s Layout Builder, you can create Custom Layouts for WooCommerce pages like My Account. You can use that to create your own custom layouts for my account page.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

02. You can edit the wishlist page with Elementor and add the wishlist content widget and page title widget.
https://postimg.cc/GH16swht

Best Regards

Hello,

This demo is using a custom layout for a single product page. Navigate to Layouts > Edit “single product layout” with wp bakery.

Here you can edit or remove the specification section: https://postimg.cc/qh5mgp3T

These are product attributes that can be edited and configured for each product individually.

Here is our documentation on how to use Layouts in our theme: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

Navigate to Layouts > Edit the product archive layout with elementor and change the page title widget and adjust its styling to match your other subpages.

This will ensure the Shop page uses the same design system as your other pages.
Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

This is happening because the WooCommerce filter system is designed to work only with product archive pages.

When you use a “Products (Grid or Carousel)” element inside a custom layout, it does not connect to the WooCommerce query system in the same way, so the Product Filters cannot interact with it dynamically.

To achieve the exact behavior shown in your screenshot, you should:
Create a custom layout for this bed category and use the Products Archive widget (not the grid or carousel widget) and use the sidebar widget in the layout to show the sidebar in layout.
https://postimg.cc/G8m6Tdjd
https://postimg.cc/K3gqtz31

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

I see you are currently using an Elementor Pro single product template, which is why the WoodMart dynamic widgets (like the Product Countdown based on sale schedule) are not appearing there.

These WoodMart product widgets work inside WoodMart Theme Layouts, not inside Elementor Pro’s native product templates.

Please switch to:
WoodMart > Layouts > Single Product Layout
and build your product page using the WoodMart layout builder. Then add the Product Countdown widget, which will automatically follow the WooCommerce scheduled sale dates.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

01. This demo is using a custom shop archive layout, That’s why you are seeing products added via a product carousel/widget layout and the sidebar filter is not appearing as a standard WooCommerce sidebar.

If you want to display all products with a normal shop layout + sidebar filters, please go to:
WoodMart > Layouts and disable or remove the custom layout:

“Product Archive Layout – Shop Accessories”

After that, the shop page will use the default WooCommerce template, and the sidebar filters will appear normally.

If you want to keep the custom layout but still show sidebar filters, you need to:

– Edit the existing layout in WoodMart Layout Builder
– Add a Sidebar element
– Replace/adjust the product display using the Product Archive instead of the carousel widget.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

02. This happens because the attributes you are using are custom product attributes, which do not work with WooCommerce filters.

Please create global attributes from:
Products > Attributes, then assign them to products.

After that, add them in the sidebar using the WoodMart WooCommerce Layered Nav widget, and the filters (Color, Model, etc.) will appear correctly.

Best Regards

Hello,

Maybe you are using a custom layout for the single product, cart and checkout page. Navigate to Layouts > Layout to edit the layouts and add the free shipping bar widget: https://postimg.cc/VSsx2N3M

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

If the issue remains, Please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards