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

Hello,

You cannot edit these functional default WooCommerce pages with Elementor directly. Try to use the Theme’s Layout Builder, you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart, and Checkouts. You can use that to create your own custom layouts for these pages.

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

If you want to show only categories on the shop page, navigate to Appearance -> Customize -> Product -> Products Catalog -> Shop page , display choose only “Products”.

Best Regards,

Hello,

Navigate to Theme Settings > Shop and Product Archive you can check the option related to the shop page configuration.

But if you want to directly edit it with a page builder like Elementor or WP Bakery, You cannot edit these functional default WooCommerce pages directly. Try to use the Theme’s Layout Builder, you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart, and Checkouts. You can use that to create your own custom layouts for these pages.

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

Best Regards,

Hello,

Navigate to Theme Settings -> Single Product -> Tabs -> Choose the layout “Tabs” if you are using an accordion and check how it works.

If you want to show product description open by default like content, 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 layout for this and use product content widget for this. https://ibb.co/rKVf2KdB

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

Best Regards,

Hi SZenko,

Thanks for reaching to us and appreciate your patience.

1. You can try custom layouts for a product page, which is built with the WoodMart WooCommerce builder. WoodMart has a special widget called Hook in Elementor that you can place to your custom layout and then the plugin will be able to add its custom content there. But I don’t know which one exactly it needs. You can either try to select all hooks one by one or contact plugin developers for help.
https://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/

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

2. Or use Payment methods widget to see if it works https://prnt.sc/cDvuFe9t1B3w

Regards,
Hung PD

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.

Here, you can edit the specification section and choose the data source whose attributes you want to display.
https://ibb.co/JwwrhcNM

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,

This demo is using Custom WooCommerce Builder layouts, which is part of WooCommerce Builder from WoodMart. Navigate to Layouts > Edit Single Product Layout and add the Product Short description widget.

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

Best Regards,

Hello,

If you want the size guide and wishlist button to behave exactly as they do on the default product page, we recommend using WoodMart’s Layout Builder for your single product template rather than Elementor Pro’s default template.

WoodMart’s Layout Builder includes dedicated widgets for size guide and wishlist.

Navigate to Layouts > Add new layout for single product page and use the theme wishlist and size guide widget for this.
https://ibb.co/NTT77H9

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 “New layout shop 22” and this layout is only for the shop page. In this layout, you are showing the categories as a carousel. In this layout, you can edit the product categories widget and set the data source WooCommerce query, and set the layout from the style tab that you want.

For the categories pages, navigate to > Appearance > Customize > WooCommerce > Product Catalog > category display and choose what you actually want for categories pages: https://postimg.cc/hzpkchv9

For the categories, you are using the “New layout products archive page” layout. You can edit this layout for category pages.

Please, 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 Single Product layout and remove this section.

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

Best Regards,

Hello,

The product description on this page has been added using Elementor. Please try editing it directly with Elementor to view and modify the description there: https://postimg.cc/r0PSJ8nH.

If you prefer not to edit with Elementor, click “Back to WordPress Editor”, and you’ll see the default product description field.

In the example link you shared, product tabs are being used. However, on this site a custom single product layout is applied. To adjust this, go to Single Product > Edit “Single Product Layout – Mega Electronics” with Elementor. If you’d like to use tabs, simply add the Product Tabs widget within the layout.

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

Best Regards,

Hi mohamedmush012,

1. You can try custom layouts for a product page, which is built with the WoodMart WooCommerce builder. WoodMart has a special widget called Hook in Elementor that you can place to your custom layout and then the plugin will be able to add its custom content there. But I don’t know which one exactly it needs. You can either try to select all hooks one by one or contact plugin developers for help.
https://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/

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

2. Or use Payment methods widget to see if it works https://prnt.sc/cDvuFe9t1B3w

Regards,
Hung PD

Hi m.smhunlu,

1. My Account

This page looks fine now.

2. Cart page

It seems you set wrong page, it is now Checkout page. Please go to WooCommerce > Settings > Advanced tab and re-set pages.

Also, You are using Custom WooCommerce Builder layouts, which are part of WooCommerce Builder from WoodMart. Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

3. Please go to Theme Settings > General > Mobile bottom navigation bar and add Mobile menu button.

Regards,
Hung PD

Hi familyecomm-7680,

As I mentioned, I disabled Product Archive layout which is built by Elementor Pro plugin. And it is using Product Archive layout in Dashboard > Layouts. Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

With the help of Mobile Editor of Elementor, you can delete Filters button https://ibb.co/gMv95L2C

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

I can see the sorting button removed, please let me know if you resolved it.

Best Regards,
Hung PD

Hi familyecomm-7680,

First of all, sorry for all inconveniences you are experiencing.

I checked that the Product Archive layout is built via Elementor Pro. I tried to set it to draft and the Filter is now showing. https://ibb.co/XfLWz6B7

I kindly recommend you to use Layouts post type, which is built with WoodMart WooCommerce builder, and you can add section like this.

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

Best Regards,
Hung PD

Hello,

Navigate to Theme Settings -> Single Product -> Tabs -> Set the Tabs Layout to Accordion.

If you are using a custom layout for a single product page, navigate to Layouts > Edit Single Product layout and add the “Products Tabs” widget to show this.

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

Best Regards,

Hi abvkilic,

Thanks for your patience.

1. The filters should not show on mobile

You are using Custom Product layout, which is built with WoodMart WooCommerce builder. With the help of Mobile Editor of Elementor, you can delete Filters button https://ibb.co/gMv95L2C

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/

2. The filters button in the lower menu on mobile should open the Off-Canvas filters

Make sure you added filters to Shop sidebars https://xtemos.com/docs-topic/widgets-and-sidebars/

3. The filter button above the products should open the Off-Canvas filters

In the #1 question, you don’t want to show it. Can you please describe in more details?

Regards,
Hung PD

Hi developer.uej,

Thanks for your patience.

You built Shop archive page with Elementor Pro, I tried to disabled that plugin and it worked again.

I kindly recommend you to use Layouts post type, which is built with WoodMart WooCommerce builder, and you can add section like this.

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

Regards,
Hung PD

Hello,

You are using Custom WooCommerce Builder layouts, which are part of WooCommerce Builder from WoodMart. Navigate to Layouts > Edit Single Product layout and add “Product Content” or “Products Tabs” widget to show this.

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

Best Regards,

Hello,

Please navigate to Appearance > Customize > WooCommerce > Product Catalog and under Shop page displays, select “Show products” only. This will remove the default category display from the shop loop.

Then, create a custom layout for product archive pages and edit your product archive layout with a page builder and manually add the Product Categories widget to display categories in a separate row above the products.

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

Best Regards,

Hello,

Currently, when you click on the All Leather category, it redirects to the default WooCommerce category page.
If you want to display a custom page/layout instead, you’ll need to assign your created layout to the All Leather category condition and edit it with WP Bakery.

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

For the breadcrumbs, please go to: Theme Settings -> Product Archive -> Breadcrumbs on Shop Page and enable that option.

Best Regards,

Hello,

You are using Custom WooCommerce Builder layouts, which are part of WooCommerce Builder from WoodMart. Navigate to Layouts > Edit Single Product layout and add the product stock status widget in the layout to show this.

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

Best Regards,

Hello,

There are some predefined Custom Layouts available under the Dashboard > Layouts >, which you can make use of for the checkout page: https://imgbb.com/jyKHSN1

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

Best Regards,

Hi 525613454,

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, and you can add section like this.

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

Kind Regards,
Hung PD

Hi chienfeiliu,

Thanks for reaching to us and appreciate your patience.

You are using custom layouts for a single product page, which is why it is not working. Navigate to Layouts > edit single product page layout, and add Product dynamic discount table widget to show it.

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

Regards,
Hung PD

Hi savingpatterns,

Thanks for your patience.

1. Brands name

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

div.wd-product :is(.wd-product-cats,.wd-product-brands-links) {
    color: #000;
    --wd-link-color: #000;
}

2. Layouts

Custom layouts could be applied for all WooCommerce pages, you can read more here https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Regards,
Hung PD

Hi ntuladhar,

Thanks for your patience.

I have explained it before:

+ Swatches: Please disable Variation Swatches for WooCommerce plugin, WoodMart already has that functionality https://xtemos.com/docs-topic/variable-products-and-swatches/ https://xtemos.com/docs-topic/attribute-swatches/

+ Size Guide: You are using custom layouts for a single product page, which is built with the WoodMart WooCommerce builder. Navigate to Layouts > Layouts and delete Size guide button widget.

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

Regards,
Hung PD

Hi cosadandri,

Thanks for your patience.

You are using custom layouts for a product page, which is built with the WoodMart WooCommerce builder. WoodMart has a special widget called Hook in Elementor that you can place to your custom layout and then the plugin will be able to add its custom content there. But I don’t know which one exactly it needs. You can either try to select all hooks one by one or contact plugin developers for help.
https://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/

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

Regards,
Hung PD

Hello,

Currently, cross-sells are designed by WooCommerce to display in the Cart page based on the products added. However, with Woodmart’s Layout Builder, you can create custom layouts for cart page
Inside this layout, you can use a Products Grid/Carousel widget and set its data source “Cross-Sells”.

You can check more details about the Layout Builder here:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/?utm_source=chatgpt.com

Best Regards,

Hello,

Please try to delete the second one “shop” page. You cannot edit these functional default WooCommerce pages directly. You can configure the options from Theme Settings -> Shop and Product Archive.

If you want to edit the page directly, Try to use the Theme’s Layout Builder, you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart, and Checkouts. You can use that to create your own custom layouts for these pages.

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 layouts for a single product page, which is why it is not working. Navigate to Layouts > edit single product page layout, and add the products tabs widget to show this: https://ibb.co/twf60QBj

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

Best Regards,