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

Hello,

You are using Custom WooCommerce Builder layouts, which are part of WooCommerce Builder from WoodMart.

Navigate to Layouts > Edit product archive layout with Elementor and edit the left container where the sidebar is added and reduce the width and increase the width of the right container.

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

Navigate to Layouts > Edit product archive layout and remove the elements.

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

If the issue remains, share the WP login details so I can further check on your site and give you a possible solution.

Best Regards,

Hello,

Try to use the Theme’s Layout Builder, you can create a Custom Layout for a specific Category and use the products grid or carousel widget, and choose the data source “Featured Products’’. You can use that to create your own custom layouts for these pages. https://postimg.cc/NyPSCQ89

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

Navigate to Layouts > Edit single product layout and edit the section in the layout.

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 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 Layouts > Edit Single product layout “Single product layout Accessories” with Elementor and remove the share element, tabs/section, credit card information and product navigation.

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

To hide the buy now button, navigate to Theme Settings > Single Product > Buy Now and disable this option.

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.

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,

Try to use the Theme’s Layout Builder, you can create Custom Layouts for WooCommerce pages like Shop, Category and use the products grid or carousel widget and choose the data source “Featured Products’’. 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,

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 and for portfolio pages. 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,

01. I have checked your site and the product images are in same size in grid.
See screenshot for clarification: https://postimg.cc/GHfJ1qw8

02. The issue occurs because the product image you’re using is in PNG format with transparency. When Zoom is enabled, the transparent background allows the duplicated image layer behind it to become visible.

To fix this, please use a JPG image or remove the transparency from the PNG file. This will prevent the double image effect during zoom.

Otherwise, try to add the following custom css code in Theme Settings > Custom CSS.

.woocommerce-product-gallery__wrapper img {
    background: #ffffff !important; /* or use your site background color */
}

03. Try to use the Theme’s Layout Builder, you can create Custom Layouts for WooCommerce pages like Shop, Category. You can use that to create your own custom layouts for these pages and show the featured products.

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

Note: Next time, please create a new topic for each issue to avoid confusion.

Best Regards,

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 to “Cross-Sells”.

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

Best Regards,

Hello,

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 Shop, Category, Single Product page, Cart, and Checkouts and for portfolio pages. 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/

To show the swatches in the grid, navigate to Theme Settings > Shop > Variable products > set them as “Grid swatch attribute to display”: https://prnt.sc/YqWQY2EvNQ2j

Best Regards,

Hi travel-gadgets.ch,

Thanks for reaching to us and appreciate your patience.

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,
Hung PD

Hi lasma,

Thanks for reaching to us and appreciate your patience.

1. To better assist you, could you kindly test the functionality with default WordPress themes such as TwentyTwenty or WooCommerce Storefront? This will help us determine whether the issue stems from our theme or elsewhere.

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

Best Regards,
Hung PD

Hello,

This demo is using Custom WooCommerce Builder layouts, which are part of WooCommerce Builder from WoodMart.

Navigate to Layouts > Edit Product Archive layout > Edit Product Archive widget and change the product columns.

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,

Hi chutipao27,

Thanks for reaching to us.

This demo is using Custom WooCommerce Builder layouts, which is part of WooCommerce Builder from WoodMart. Navigate to Layouts > Edit Single Product Layout and you can remove the sidebar.

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

Best regards,
Hung PD

Hi mrgeek,

Thanks for reaching to us.

The issue with the thank you page not showing order details after checkout in the WoodMart theme can be addressed by customizing the Thank you page layout using the theme’s page builder.

You can create a custom thank you page layout by going to Dashboard > Layouts > Checkout, then adding a new layout with the type set to Thank you page

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

I hope this helps resolve your issue.

Best regards,
Hung PD

Hello,

Navigate to Layouts > Edit Product Archive Layout and make sure category description-related widgets are added in the layout: https://prnt.sc/iOvSdhG4UE9F

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,

You have not checked the theme documentation, which I have shared about the custom header in the Woodmart theme, which is why you are editing the wrong header, and it is not working.

On the Home Page, you are using “Header Video Overlap” and on the shop page and other pages, you are using the header “Header Video” which is the default header on your site.

Now on your site, in the mobile menu on the home page and other pages, show a different product categories menu.

To change the categories menu on the home page, so for the home page mobile menu, you need to edit the “Header Video Overlap” header and switch to the mobile header and configure the mobile menu and choose the categories menu: https://postimg.cc/JthcGN5p

Woodmart theme provides the option to create different headers for different pages: https://xtemos.com/docs-topic/how-to-set-different-header-for-specific-page/

You can check the custom header for a home page and make changes from WoodMart > Header builder.https://xtemos.com/docs-topic/options-for-pages/

2. Wrong menu selected

Navigate to WoodMart > Header builder > edit “Header video overlap” and remove Menu element or edit it to choose your menu: https://postimg.cc/Ff3mbkbg

3. For the mobile menu icon, I have corrected it on the home page and now it is showing only the icon, not the label, like the other pages.

04. The “The editor has encountered an unexpected error” issue in the editor can occur due to various reasons, including conflicts with plugins, themes, or corrupted WordPress files.

Deactivate all plugins temporarily and check if the issue is resolved. If it works, reactivate the plugins one by one to identify the conflicting ones.

Please follow this guide and identify the issue.
https://wcanvas.com/blog/fix-editor-encountered-unexpected-error-message-wordpres

05. I have corrected it. See screenshot for clarification: https://postimg.cc/RqdBSBVT

06. You cannot edit these functional pages with a page builder 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/

But if you want to change only the logo, navigate to WoodMart > Header Builder > Edit the “Header video” header and change the logo.

Best Regards,

Hi sviluppo,

Thanks for details.

You are using a Custom Single Product layout and product archive layout, which is built with WoodMart WooCommerce builder.

Navigate to Layouts > edit the product layout and use Page Title widget.

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

Best Regards,
Hung PD

Hello,

01. Currently, you are using product tabs in an accordion layout. Navigate to Theme Settings > Single Product > Tabs > and change the tabs layout.

But if you want to add only the separate product description widget, try to create a custom layout for a single product. Navigate to Layouts >Add Single Product Layout, and insert the Product Content widget. This will display the product description and allow you to edit it using Elementor: https://ibb.co/rKVf2KdB

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

02. Please make sure you have set using the theme styles in Elementor > Settings.

If you have set Elementor styles, typography will also would be applied.

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards,

Hi seo-0882,

1. 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/

2. Please follow this guide and use the Collapsible content feature to make it like this:
https://xtemos.com/docs-topic/read-more-button-for-text-or-section-row/

Hope it helps.

Best Regards,
Hung PD

Hi pudelis,

Navigate to Layouts > Edit Product Archive Layout and in mobile, change the show sidebar text.
https://ibb.co/8CfTf8p

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

Regards,
Hung PD

Hi angel.stankov,

Thanks for your patience.

1, 4, 5. You are using a Custom Single Product layout and product archive layout, which is built with WoodMart WooCommerce builder.

Navigate to Layouts > edit the single product layout and add Product short description element to show it and use Products (grid or carousel)element and ensure the Data Source is set to Related Products, you can use Size guide element as well.

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

2, 3. Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

[class*="title-line-"] div.wd-product .wd-entities-title {
    max-height: calc(var(--title-line-count, 1) * var(--title-line-height, 2.4em));
    line-height: var(--title-line-height, 1.4em);
}

6, 7. You can see #1 answer for more details.

Regards,
Hung PD

Hello,

You are using a Custom Single Product layout and product archive layout, which is built with WoodMart WooCommerce builder.

Navigate to Layouts > edit the single product layout and remove this section and for the shop page, edit the product archive widget and remove the categories widget 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,

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 is our documentation on how to use Layouts in our theme: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards,

Hi OnPa Marketing,

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,

You can achieve this by using the WooCommerce Builder in WoodMart, which allows you to create custom templates for product pages and rearrange sections as needed.

You’ll need to create a custom single product layout and adjust their positions.

Steps to follow:

1. Navigate to Dashboard > Layouts > Add New Layout (for Single Product).
2. Use the WooCommerce Builder to design your custom product page.
3. Add the Frequently Bought Together widget after the add to cart button.
4. Save and apply this layout to your single product pages.

This will allow you to swap the positions as per your requirements.

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 and choose the layout “carousel”

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 Checkout layout, which is built with the WoodMart WooCommerce builder. Simply go to Layouts > Edit checkout Layout > and you can customize the faq section.

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

Best Regards,