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

Hello,

The demo uses WoodMart’s built-in search (no plugin required)
Enable it at: WoodMart> Header Builder > Edit Search element
Customize the search form style in the Header Builder

For the product visitor counter, navigate to Layouts > edit single product layout and use the product visitor counter widget to show this: https://ibb.co/C33YQQyt

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

If you have any questions, feel free to contact us.

Best Regards,

Hello,

Try to use the Theme’s Layout Builder, you can create Custom Layouts for WooCommerce pages like the Single Product page. You can use that to create your own custom layouts for a single product page and rearrange the elements in the layout.

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 Custom WooCommerce Builder layouts, which are part of WooCommerce Builder from WoodMart.

Navigate to Layouts > Edit Product Archive Layout and use the page title widget to show the page title bar and show this background image.

Below are the documentation articles: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

If you have any questions, feel free to contact us.

Best Regards,

Hello,

Navigate to Layouts > Edit “single product layout” with the page builder that you are using.

Here you can edit or remove the specification section: https://ibb.co/SnD1sNb

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

Best Regards,

Hello,

You are using custom layouts for a single product page, which is built with the WoodMart WooCommerce builder.

Navigate to Layouts > Edit Single product layout and change the heading text.

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

Best Regards,

Hello,

Maybe you are using the custom layout for the archive pages. Try to edit the product archive layout with Elementor > edit the “Product Categories” widget > Set the layout type to “Carousel” within the widget settings, and configure the slides per view for different devices:

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

Best Regards,

Hi nova.socialmedia1,

Thanks for reaching to us.

1. Please navigate to Theme Settings > Product archive > Products styles to change the layouts.

2. I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder. With the help of Mobile Editor of Elementor, you can use Sidebar widget and select sidebar for mobile devices.

You can read more here https://elementor.com/help/mobile-editing/

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

Kind Regards,
Hung PD

Hi funkypidev,

You are using custom layouts for a single product page, which is built with the WoodMart WooCommerce builder. Navigate to Layouts > select Container widget > Advanced tab > and turn off Sticky container option. https://ibb.co/ks3V80Qz

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

Regards,
Hung PD

Hi mark-5387,

You cannot edit the WooCommerce pages directly with any page builders.

– You can go to Dashboard > Theme Settings > Product archive and there you can find options related to WooCommerce pages.

– You are also can use Custom WooCommerce Builder to rebuild WooCommerce pages, please refer to documentation https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Regards,
Hung PD

Hi owernet513,

Thanks for new password, it worked.

I checked your site and figured out that you built custom products layouts via Elementor Pro. I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder, then you can place elements or widgets you want.

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

I keep Elementor Pro activated and moved to few layouts to the Trash, you can restore these.

Kind Regards,
Hung PD

Hi vikulik4ka99,

Thanks for reaching to us.

You cannot edit the WooCommerce pages directly with any page builders.

– You can go to Dashboard > Theme Settings > Product archive and there you can find options related to WooCommerce pages.

– You are also can use Custom WooCommerce Builder to rebuild WooCommerce pages, please refer to documentation https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Regards,
Hung PD

Hello,

You are using both Elementor Pro templates and theme layouts for Archive pages. Navigate to Templates and disable the template, and check the issue.

You need to disable the Elementor template and build Custom Product layouts, which are built with the WoodMart WooCommerce builder instead, and check the issue.

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

Best Regards,

Hello,

1. Could you please check that issue with the site identity on the default Storefront theme?

2. I suggest you use the Layouts, so via the page builder you can place the element in the place you want.

https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Kind Regards

Hi omarlayali96,

Thanks for screenshots.

1. WooCommerce notices

This is default WooCommerce’s functionalities and WoodMart does not control it. In order to change / translate messages. Please make sure you synced the strings first before changing / translating WooCommerce, WordPress Cores file, WoodMart Core plugins and WoodMart theme. You can refer to article

https://xtemos.com/docs-topic/theme-translation/
https://xtemos.com/docs-topic/how-to-make-woodmart-multilingual-with-wpml/
https://www.youtube.com/watch?v=H7zUPEACLRQ

2. You are using custom layouts for a single product page, which is built with the WoodMart WooCommerce builder. Navigate to Layouts > remove Reviews widget and use Product tabs widget instead.

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

3. Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9

Hover on Logo element, click on Pencil icon, and you can change Logo width. It also can be applied to Mobile tab. However, I kindly recommend you to use photo editor like Photoshop before uploading logo.

4. It looks like you typed variations manually. Please select created variations from dropdown instead.

Please read and follow the below article:
https://xtemos.com/docs-topic/variable-products-and-swatches/

Kind Regards,
Hung PD

Hi zehpan,

Thanks for your patience.

1. Product grid

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.wd-product.wd-hover-buttons-on-hover .product-element-bottom {
    background-color: rgb(108, 107, 114);
}

But please note that it changes background color of product grid footer.

2. Sidebar

You are using custom layouts for a product page, which is built with the WoodMart WooCommerce builder.

Navigate to Layouts > edit the the layout > select Sidebar widget > Advanced tab and you can change the background color https://ibb.co/r95Pmtq

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

Regards,
Hung PD

Hello,

You’re using a custom page and adding the sidebar through Elementor, the WooCommerce filter widget may not work correctly in that setup.

Please follow this guide to integrate the filters manually in the custom page: https://xtemos.com/docs-topic/how-to-create-filters-form/

Additionally, we recommend using the Theme’s Layout Builder to create custom layouts. This method ensures better compatibility with WooCommerce filters and widgets.

You can create custom layouts for sale products:

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

Best Regards,

Hi khangmarketer26-0714,

The site you provided not built on WordPress platform, because Cart page contains checkout details as well. But, I will provide you some things you can try:

– I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder, then you can place elements or widgets you want.

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

– Also, you can use Checkout Fields Manager feature, to hide fields you don’t want. https://xtemos.com/docs-topic/fields-manager/

Hope it helps.

Kind Regards,
Hung PD

Hello,

Please try to create a custom sidebar. Here is the guide on how to create it.
https://xtemos.com/docs-topic/sidebars/

Then navigate to Appearance > Widgets > Add the widgets in the new custom sidebar area.

Then navigate to WoodMart > Layouts and create a new Product Archive layout for only trophies > Use Elementor or WPBakery to design your layout and use the sidebar widget in the layout and select the new custom sidebar you created: https://ibb.co/yctsYh1p

Please follow this guide about lthe ayout builder: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards,

Hello,

To achieve your goal of displaying subcategories like “Premium Trophies,” “Economy Trophies,” and “Trophy Sets” in the sidebar only on the “Trophies” category page, you can use the WoodMart’s Custom Sidebar and Layout Builder features.

Navigate to Appearance > Widgets > Create a new custom sidebar and add the “Product Categories” widget.

More info: https://xtemos.com/docs-topic/sidebars/

Then navigate to WoodMart > Layouts and create a new Product Archive layout for only trophies > Use Elementor or WPBakery to design your layout and select the custom sidebar you created.

More details: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

This setup ensures that your sidebar with subcategories appears only on the “Trophies” category page, keeping your other category pages like “Medals” or “Plaques” clean and uncluttered.

Best Regards,

Hi bishalstha76,

Thanks for reaching to us and appreciate your patience.

I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder, then you can place elements or widgets you want.

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

Hope it helps.

Best Regards,
Hung PD

Hello,

Since you are using Custom WooCommerce Builder layouts in the WoodMart theme, the default vendor information from Dokan will not appear automatically.

To display it:

1. Go to Dashboard > Layouts, then edit your Single Product Layout.
2. Add the “Product Tabs” widget to your layout — this is where the Store Info tab (from Dokan) will appear if enabled:

Documentation for reference: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

When using Elementor to build custom layouts, default WooCommerce and Dokan hooks are not included automatically. You need to manually add them.

To do this, use the special “Hook” element from WoodMart inside your layout. You may need to test different hook locations or contact Dokan’s support to confirm which hook outputs the vendor box.

You can find more details about using hooks with WoodMart here:
https://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/

Best Regards,

Hello,

Since you’re using a custom page and adding the sidebar through WPBakery, the WooCommerce price filter widget may not work correctly in that setup.

Instead, we recommend using the Theme’s Layout Builder to create a custom layout specifically for Sale Products. This method ensures better compatibility with WooCommerce filters and widgets.

You can create custom layouts for sale products: https://postimg.cc/Z0LqH0p5

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

Best Regards,

Hello,

Try to use the Theme’s Layout Builder, you can create Custom Layouts for WooCommerce pages like Single Product page. You can use that to create your own custom layouts for a single product page and rearrange the elements in the layout.

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

Best Regards,

You use the Archive products element from Elementor Pro and the page itself is built via Elementor templates, our option from Theme Settings will not work in such a case: https://prnt.sc/t1ypzXZKBh5P

If you want to use the templates, then follow their instructions to customize the element – https://prnt.sc/zVLuqtqkG24h

Or you can make the page via our Layouts – https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/ , https://prnt.sc/TILgr2y8JYKt

Kind Regards

Hi pavel.vutkow,

Thanks for reaching to us and appreciate your patience.

1. Thank you

According to the screenshot, we are using Custom Product layout, which is built with WoodMart WooCommerce builder and using Order overview widget.

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

2. This option was added long time ago, you can find it by typing the keywords here https://prnt.sc/X45KH_X8Ulot

3. Please update theme to latest version and you will see it in WoodMart dashboard.

Regards,
Hung PD

Hi Carlo,

Thanks for reaching to us and appreciate your patience.

Because you have not specific the elements so I will guide you all solutions. There are few ways to do that:

1. Go to Theme Settings > Single product > Elements and here you can turn on / off details inside product page.

Or

3. I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder, then you can place elements or widgets you want.

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

Hope it helps.

Best Regards,
Hung PD

Hello,

You are using custom layouts for a single product page, which is built with the WoodMart WooCommerce builder.

Navigate to Layouts > Edit Single product layout and add the product extra content block widget to show this.

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

Best Regards,

Some things you can edit via the Layouts builder – https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Also, you can copy this woocommerce/checkout/form-checkout.php file with its path via Child theme and make some changes there.

Kind Regards

Hi funkypidev,

Thanks for details and appreciate your patience.

1. Sticky product

– It seems you fixed the issue, please confirm me back.

2. Is there a way to disable the hover effect on the product archive grid?

– If you want to hide the Hover image effect image for the Products on the Archive pages, you can turn that off under the Dashboard > Theme Settings > Product archive > Products styles > Elements > there you can find the toggle option Hover image > you can turn that off: https://snipboard.io/Brhg3m.jpg

3. When I add the mega menu to the mobile menu, there is no sub category arrows. Is there a way to do this?

– HTML Block is used to create a Mega Menu block and cannot be used in mobile view as the mobile view does not have space enough to reflect it.

You need to create separate multi-level Categories menu for mobile menu https://prnt.sc/19SX5WWqX_6e

Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Switch to Mobile tab, hover on Mobile menu element, click on Pencil icon to edit it https://prnt.sc/s6iF4ilXjpmW here you assign created menu above to display on mobile. https://prnt.sc/zRLwmIlGloJE https://prnt.sc/N4PrLBOJKMQm

Please refer to this article https://xtemos.com/docs-topic/adding-menu-to-the-site/

4. I have disabled the options – Number of columns selector, and set Shop products view:GRID ONLY. However the changes are not showing in the front end. please see image

– You are using custom layouts for a single product page, which is built with the WoodMart WooCommerce builder.

Navigate to Layouts > edit the single product and select Product view widget and delete it.

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

5. Can I change the text or language of the titles of the mobile menu on the lower part of the screen? please see image.

+ In order to change / translate words. Please make sure you synced the strings first before changing / translating WooCommerce, WordPress Cores file, WoodMart Core plugins and WoodMart theme. You can refer to article

https://xtemos.com/docs-topic/theme-translation/
https://xtemos.com/docs-topic/how-to-make-woodmart-multilingual-with-wpml/
https://www.youtube.com/watch?v=H7zUPEACLRQ

+ You are also need to select the language for the backend and theme settings for admin from the admin user profile, please edit the user’s profile and then select the language for that user it will show the same on the backend.

+ Some strings related to Wishlist / Compare / Login & Register page, you can change in Theme Settings > Shop or Theme Settings > My account https://prnt.sc/W8Tt95stG3YC

Kind Regards,
Hung PD

Hi Faisal Awan,

Thanks for your patience.

1. If you selected specific source, for e.g Featured Products then there is no way to add products source. You can use All Products source, then specific products by IDs or Titles.

2. You are using custom layouts for a single product page, which is built with the WoodMart WooCommerce builder.

Navigate to Layouts > edit the single product and select Info box widget and you can change the titles.

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

I see you changed the rating, I am really appreciate it. Thank you.

Kind Regards,
Hung PD