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

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

Hello,

When you assign a custom homepage as the official Shop page in WooCommerce settings, WooCommerce overrides the page content with the default product archive layout, which causes the layout to break.

Do not assign your custom homepage as the WooCommerce Shop page in WooCommerce > Settings > Products > Shop page.

Try to use the custom layout for the shop page and customize the layout. 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 these elements from the layout.

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,

01. To change the background color, try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for mobile.

.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-item.color-scheme-light.wd-opened {
    background-color: white !important;
}

To change the text color, 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/

02. Try to use the info box carousel widget in the Elementor to create like this:
https://ibb.co/fVbjXDSr

Alternatively, we encourage you to utilize the theme template library and import the relevant elements that best suit your requirements: https://xtemos.com/docs-topic/templates-library/

03. For the product carousel, use the product grid or carousel widget in the Elementor. Try to use the theme template library to import relevant elements: https://xtemos.com/docs-topic/templates-library/

04. To display your product categories as a slider and round shape, please follow these steps:

Use a Custom Layout for your Shop or Category Archive Pages, and in your custom layout:

Add the “Product Categories” widget. > Set the layout type to “Carousel” within the widget settings, and configure custom rounding.

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 > Edit Product Categories widget and choose the data source Woocommerce Query” https://ibb.co/tpFHmTNZ

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

Best Regards,

Hi Lab10,

Thanks for details.

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 remove Stock widget.

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

Best Regards,
Hung PD

Hi gsquarenew,

Thanks for reaching to us.

I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder, then you can place it where you want. And you can build layout for specific products.

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

Kind Regards,
Hung PD

Hi Carlo,

1. Colors

You are using Elementor Pro and it caused by Kit, please read this article to remove it https://elementor.com/help/how-do-i-remove-a-website-kit/

2. Brands

Please follow our documentation to modify footer’s content and brand logos:

https://xtemos.com/docs-topic/set-up-footer/
https://xtemos.com/docs-topic/product-brands/
https://xtemos.com/docs-topic/how-to-setup-brands/

3. Sidebar / Filters

Navigate to Appearance > Widgets and remove all widgets in Shop page widget area https://ibb.co/dwMvj7LC or I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder, then you build layout without sidebar.

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

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 in the layout, edit the product gallery and choose the gallery layout.

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

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

Best Regards,

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 make sure products visitor counter and sold counter widget is added.

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

Best Regards,

Hello,

1. Send me a screenshot of which labels you mean.

2. Sorry, for now, there is no way to define the price on the image. You can replace the Price element through the Layouts – https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/ so it will be shown in the first screen of the phone.

3. You can change the title via the Loco Translate plugin – https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

Try to change the color via Theme Settings -> Shop -> Product labels – https://prnt.sc/QYqDF8acApUu

4. Use the Layouts to change the position of that element – https://prnt.sc/f6x1RWugHXnt

5. You can show the add to cart form first – https://prnt.sc/mbiPlcwLomdN so the customer will scroll to see the image and at the same time, they will see the price.

Kind Regards

Hello,

To display your product categories as a slider on mobile and on desktop, please follow these steps:
Use a Custom Layout for your Shop or Category Archive Pages, and in your custom layout:

Add 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,

Hello,

To create a separate sidebar for specific categories. Try to create a custom sidebar and add the widgets.
https://xtemos.com/docs-topic/sidebars/

Then, 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. So, you can use that to create your own custom layouts for specific categories and choose the sidebar.

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

Best Regards,

Hello,

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

Navigate to Layouts > Edit Product Archive Layout and in the layout, configure this section.

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

2. You need to upload images of the same size and proportion. Alternatively, disable the masonry grid in the Theme Settings > Blog > Blog archive. But your column height depends on the amount of content in the blog.

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 make sure extra description widget is added.

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

If the issue remains, share the category page where the extra description is not showing and share the wWP logins details so I can further check on your site and give you a possible solution.

Best Regards,

Hello,

The default Shop page is not editable via page builders. If you want to customize the Shop/Archive page, use our Layouts builder, more details on how to use that are here – https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Kind 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,

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

02. Navigate to Pages > Edit Home page and at the bottom of the page settings, set the sidebar to “None”.

03. This text is added via the layout. Navigate to Layouts > Edit single product layout with Elementor and remove this text.

04. You are using the custom layout for a single product page. Navigate to Layouts > Edit Single product layout and edit the product page layout in Elementor to make it responsive.
https://elementor.com/help/mobile-editing/

05. You need to upload images of the same size and proportion. Alternatively, disable the masonry grid in the Theme Settings > Blog > Blog archive. But your column height depends on the amount of content in the blog.

Best Regards,

Hi soloprowebmaster,

Thanks for reaching to us.

I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder, then you can place it where you want. And you can build layout for specific products.

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

Kind Regards,
Hung PD

Hi springorchid2008,

I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder, then you can place it where you want. And you can build layout for specific products.

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

Regards,
Hung PD

Hi Alex,

Thanks for your patience.

The Upsells products position option does indeed affect your custom functionality, but not the add_action itself.

This is because you’re using the woocommerce_upsell_display function, which calls a template from the theme. That template already includes a check for the Upsells products position option, and unfortunately, this cannot be changed.

In this case, we recommend using the Single product layout option, where this issue does not occur. Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards,
Hung PD

Hello,

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

Navigate to Layouts > Edit Product Archive Layout > Edit Product Categories widget and choose the data source Woocommerce Query” https://ibb.co/tpFHmTNZ

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

Best Regards,

Hello,

The sidebar is displaying correctly on your site. However, the product filters and products were not properly configured, which is why the filters weren’t visible. I’ve added an additional widget as a reference, and it’s displaying as expected now.

I suggest you disable the custom page and use the custom layouts for products, and choose the sidebar in the page builder.

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

Best Regards,

Hello,

The demo you are referring to is using a Custom Product layout, which is built with the WoodMart WooCommerce builder. Navigate to Layouts > add a new layout for a single product page, and use the icon box element to create something like this in the page builder.

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

If you do not want to use the custom layout for this, try to create an HTML block and use the icon box element to create something like this.

Then, navigate to the Theme Settings > Single product > Add to Cart >> Add the content in the form of HTML Block after the “Add to cart button”.

Best Regards,