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

Hello,

By the way, we have one quick question we’d really appreciate your help with. 😊

Where did you first hear about WoodMart? We’re trying to better understand how customers discover WoodMart, and your answer is extremely valuable to us. It takes just one click: https://tally.so/r/rj8qWl

Thank you so much for your help! 🙏

Now, regarding your request, yes, this is possible. If you want the HTML Block to span the full width above both the sidebar and product archive, you can create a custom Products Archive layout using the Layouts Builder.

Place the archive description widget in a full-width row/container above the Sidebar and Archive Products elements. This way, the description HTML Block will use the full available width instead of being restricted by the sidebar column.

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

Best Regards

Hello,

This demo is using a custom layout for a single product page. Navigate to Layouts > Edit single product layout with the page builder that you are using and change the shipping content.

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

Best Regards

Hello,

I can see that you are using a custom Single Product layout created with the WoodMart WooCommerce Builder.

For the Short Description, you can rearrange the elements directly in the custom layout:
Dashboard > Layouts > Edit Single Product Layout

From there, you can add the Product Short Description element and place it in the right column, above the Compare button.

For the Info Block (icon, title, and description), these are added through the Single Product layout as well. Navigate to:
Layouts > Edit Single Product > Info Box

There you can edit the icon, title, and description of the Info Boxes.

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

Best Regards

Hello,

It looks like you may be using a custom Single Product layout on your website. When a custom layout is enabled for the Single Product page, the settings configured under Theme Settings > Product Page may not take effect because the custom layout controls the product page structure.

Please navigate to:
Dashboard > Layouts > Edit Single Product Layout

From there, you can edit the Single Product layout using the available page builder and make sure the Product Reviews element is included and configured correctly.

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

Best Regards

Hello,

Navigate to Theme Settings > Single Product > Product Page Layout > Choose the Layout “Small Images” and check the issue. You can choose a different page layout depending on the product image size you need.

https://postimg.cc/CBrFMGHF

If you are using a single product page, Navigate to Layouts > Edit single product layout and configure the layout elements.

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

Best Regards,

Hello,

I have checked your website.

The Shop page opens correctly in the default WordPress editor.

See the screenshot for clarification: https://postimg.cc/Z9QQbxND

If you want to customize the Shop page using Elementor, please use WoodMart Layouts and create/edit a Shop Archive Layout. This is the recommended way to customize the WooCommerce shop page in WoodMart.

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

Please let us know if you need any guidance on creating or assigning a Shop Layout.

Best Regards,

Hello,

Please follow this guide and create it yourself, and if you face any issues, please let me know.
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Hello,

Yes, WoodMart provides ready-made Single Product page layouts.

You can use the Custom Layouts feature of WoodMart for the Single Product page and choose one of the predefined layouts according to your requirements.

Navigate to Layouts > Single Product, create a new layout, and select the predefined layout you want to use. You can then customize it further as needed.
https://postimg.cc/r0LSVfCH

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

Best Regards

Hello,

The reference site you send is not using a standard dynamic WooCommerce widget. Instead, it is using a custom HTML Brand Glossary / Directory structure styled into flex columns.

To achieve something like this, edit the page with page builder which you are using and add the brand widget: https://postimg.cc/kBSkdgvb

When you click on the brand it will redirect to the corresponding brand like the example site, if you want to have each brand page with custom content like the example you need to create a custom layout for each brand page.

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 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 you will see the widgets of our theme.

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

Best Regards

[Aizaz Imtiaz Awan]

Hello,
From your screenshot, it appears that you are editing the single product directly with Elementor. In this case, the XTemos WooCommerce widgets will not be available.

Please create or edit a Single Product Layout via:
Dashboard > Layouts > Add New (or edit your existing Single Product Layout)

Set the layout type to Single Product, then edit it with Elementor. The XTemos WooCommerce widgets should then be available.
If you are already editing a Single Product Layout and the widgets are still missing, please let us know and share your WordPress admin login details via the private fields so we can investigate further.

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

Best Regards

• This reply was modified 3 weeks, 2 days ago by Aizaz Imtiaz Awan.

Hello,

Maybe you are using a Custom Single Product layout, which is built with the WoodMart WooCommerce builder.

Navigate to Layouts > Edit Single Product layout and add the Product Meta widget in the layout to show sku on a single product page: https://postimg.cc/bS1YT3Kn

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

Best Regards

Hello,

This demo is using a custom layout for a single product page when Custom Layouts enabled for product pages, which is why your made changes under the Theme Settings aren’t taking effect on that.

Navigate to Layouts > Layout to edit Single product layouts and configure the layout elements. To show description in a single product page, add the product content or product tabs widget to show the description.

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

Best Regards

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