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

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,

Hello,

You can find the theme’s native Product Archive widget inside the Layout Builder. Simply go to Layouts > Add New (or edit an existing layout) and there you will see the Product Archive widget available to use.

Here below are the documentation articles about layout builder: 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 add the page title widget in the layout and check the issue. https://postimg.cc/wyq9YM4h

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

Best Regards,

Hi tommy-4071,

Thanks for details.

You are using a Custom Single Product layout, which is built with WoodMart WooCommerce builder. Navigate to Layouts > Layout to edit product layouts > select Product categories widget and set to WooCommerce query https://ibb.co/FLkH1JY6

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

Regards,
Hung PD

Hi Maiursz,

You are using a Custom Single Product layout, which is built with WoodMart WooCommerce builder. Navigate to Layouts > Layout to edit product layouts > here you can reduce galleries’s container’s width https://ibb.co/VY6nJJ82

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

Regards,
Hung PD

Hi goodorganics.co.in,

You are using a Custom Product layout, which is built with WoodMart WooCommerce builder. Navigate to Layouts > Layout to edit product layouts > select Sidebar widget and set to correct one.

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

Kind Regards,
Hung PD

Hi woogobuy,

You are using a Custom Single Product layout, which is built with WoodMart WooCommerce builder. Navigate to Layouts > Layout to edit product layouts > select Product gallery widget and disable pagination option https://ibb.co/jZVFHnj4

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

Kind Regards,
Hung PD

Hi globalaficionado.com,

Thanks for reaching to us and appreciate your patience.

1. Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand if it is our theme issue or not?

2. In case, 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/

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

4. Or Add two WooCommerce Hook widgets (https://prnt.sc/WTZskFWC8rhA) to your Checkout layout page, and choose woocommerce_before_checkout_form in one element (https://prnt.sc/zPhwwNpXQS7d) , and woocommerce_checkout_before_customer_details in another (https://prnt.sc/3kABxdgMJg5w).

And make sure you ADDED credit card to your browsers.

5. The Apple Pay and Google Pay buttons are handled by the payment plugin you’re using (not by the theme). Please follow this guide to properly configure Apple Pay for your site:
https://woocommerce.com/document/woopayments/payment-methods/apple-pay/

Regards,
Hung PD

Hello,

It looks like your shop page is not configured yet. To set it up, go to WooCommerce > Settings > Products and assign a shop page: https://postimg.cc/VJy1jDg3

For your archive pages, you are currently using a custom Product Archive Layout. You can edit this by navigating to Layouts > Edit Product Archive Layout with Elementor and adjusting the categories in the same way as you did on the homepage.

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

For product sorting options on the shop page, go to Appearance > Customize > WooCommerce > Product Catalog > Sorting Options and select the sorting method you prefer.

For the mobile bottom navbar in mobile, you can configure this in Theme Settings -> General -> Mobile bottom navbar.

Best Regards,

Hi ntuladhar,

Thanks for details and appreciate your patience.

1. Shop

These elements come from Shop Engine plugin, you can try to disable it.

2. Single products

+ 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

Hello,

Unfortunately, it is not possible. The HTML structure does not allow for solving it. Such modification requires complicated code customization.

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 wishlist element 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,

01. Please follow this guide and create custom layouts for cart and checkout pages.
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

02. Navigate to WooCommerce > Settings> Products > disable AJAX add to cart buttons on archives: https://prnt.sc/7WwjYQEdcMh8

Best Regards

Hi David,

Thanks for details.

1. My Account

You should use [woocommerce_my_account] shortcode for My Account page.

2. Sections

+ https://xtemos.com/forums/topic/my-account-not-display/#post-681230: Please let me know if you resolved this part.

+ https://xtemos.com/forums/topic/my-account-not-display/#post-681447: You are using custom layouts for a single product page, which is built with the WoodMart WooCommerce builder. Navigate to Layouts > Layouts and disable Container Stretch layout https://ibb.co/qYWnCj4S

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

Regards,
Hung PD