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

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,

Hello,

It seems you are using custom layouts. To change the description position, you need to use the WoodMart layout and change the position of the Category description element there.

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

Best Regards,

Hi GlassDC,

Thanks for reaching to us.

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

Navigate to Layouts > edit the layout > and remove Product short description widget. Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Regards,
Hung PD

Hi geraldjian0,

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,

At the moment, the Brands feature only provides a single description field, so there isn’t a built-in option to have both a short and a long description separately.

If you’d like to display more content, you can create a Custom Layout for your brand archive pages. With the Layout Builder, you’ll be able to add additional content blocks using the page builder and position them above or below the products as needed.

This way, you can keep a shorter intro text at the top and a more detailed description further down for SEO purposes.

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

Best Regards,

Hi zhangmeat666,

Thanks for your patience.

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

Navigate to Layouts > edit the layout > select Archive products widget and change Product view to List

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

Regards,
Hung PD

Hi akiffyavuzz,

Thanks for reaching to us and appreciate your patience.

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

In case you asking about how to enable page builder for layout post type, so Navigate to Elementor > Settings > General.

Under Post Types, check the option for Layout as shown here: https://ibb.co/BTXTTkm.

Regards,
Hung PD

Hello,

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

Navigate to Layouts > Edit single product 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 you have any questions, feel free to contact us.

Best Regards,

Hello,

You’ve built a fully custom Elementor page and want the single project “next/previous” navigation to link back to that page instead of the theme’s default portfolio layout.

By default, It uses the template assigned to the Portfolio Page option for that navigation.

To achieve exactly what you’re describing, you would need to:

Keep your Elementor page as your custom portfolio view (don’t set it as the “Portfolio Page” in Theme Settings).

Try to use the Theme’s Layout Builder, you can create Custom Layouts 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,