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

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,

Hello,

That navigation is adjusted via Theme Settings -> Product archive -> Page title -> https://prnt.sc/HeVyjl8biBYQ

If you want to customize it, I suggest using the Layouts – https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Let me know if you have any questions.

Kind Regards

Hi royparimal2,

Thanks for details.

You are using a Custom Single Product layout, which is built with WoodMart WooCommerce builderNavigate to Layouts > edit the layout > and add Product tabs widget.

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

Regards,

Hello,

01. For the checkout steps page title in small letters, navigate to Theme Settings > Typography > Advanced Typography > Create a new rule for the “checkout steps” item and adjust the text transform.

For detailed instructions, please refer to the documentation:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

You can use our WoodMart WooCommerce Layouts builder to build a Custom Empty cart layout and customize it in the page builder.

More about WooCommerce Layouts builder can be found in our documentation: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

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

This is the product description. If you’d like to remove the Description tab entirely, the simplest way is to leave the main product description field empty.

When the description content is empty, WooCommerce automatically hides the Description tab,
https://ibb.co/WW0rPmp3

03. Navigate to Appearance > Customize > WooCommerce > Products Catalog > Set the shop page display and category display. Choose what to display on product category pages and the shop page.
https://ibb.co/N6Xdkf0B

04. Try to use the Loco Translate plugin to change the text:
Please follow this guide: https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

05. Sorry to say I am unable to visit your site due to maintenance mode, share the wp login details so I can further check on your site and give you a possible solution.

06. Try to use the Loco Translate plugin to change the text:
Please follow this guide: https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

You can add more filter widgets from Appearance > Widgets > add the widgets in the shop page widget area.

Follow this Guide: https://xtemos.com/docs-topic/widgets-and-sidebars/

07. Try to use the Loco Translate plugin to change the text:
Please follow this guide: https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

08. 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 the Single Product page. You can use that to create your own custom layouts for these pages and rearrange the elements.

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

Best Regards,

Hello,

Go to WoodMart > Layouts and edit your custom layout > Under “Layout conditions”, make sure you’ve specifically selected “Brand attribute” If this is not set correctly, the layout will not apply to brand pages: https://ibb.co/wNJG56D5

Please try to follow this guide 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,

Hi kapeefit,

Sorry for all inconveniences.

Please allow me to explain again: The styles has been affected by Elementor Kit, you can try to export it to backup and follow this article to delete it https://elementor.com/help/how-do-i-remove-a-website-kit/

For other issues, you are using Elementor Pro and built custom layouts for WooCommerce. In case you want to build custom product layouts, 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/

You can create a dev site – also called a Staging platform where you can test issues, enable/disable features/plugins thus such changes will affect the main site. The below article will help you to create it:

https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

And I will check there and guide you all steps without affecting to the live site.

Please let me know if you need further helps, I am always here to assist you.

Regards,

Hello,

You are using Custom WooCommerce Builder layouts, which are part of WooCommerce Builder from WoodMart. Navigate to Layouts > Edit the single Product Layout and customize the layout in the Elementor and remove the white space.

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

Best Regards,

Hello,

Please go to Theme Settings > Single product > Add to cart, and you can add content before and after the add to cart button https://ibb.co/Kx0cKcGc

But if you want to place this content in a specific place, Try to use Custom Product layout, which is built with WoodMart WooCommerce builder, then you can place it where you want.

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

Best Regards,

Hello,

Import the Checkout page via Dashboard -> Layouts and then reverse them for mobiles here – https://prnt.sc/P3ZEwxf0zL5_

https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Kind Regards

Hello,

Sorry to say I have not seen the product estimate delivery on your site on both desktop and mobile in single product page.

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 the product estimate delivery widget is added.

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

Also, make sure it is configured properly for products: https://xtemos.com/docs-topic/estimate-delivery/

If you have any questions, feel free to contact us.

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 size guide and 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,

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 a single product page and create the custom layout 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,

You are using Custom WooCommerce Builder layouts, which is part of WooCommerce Builder from WoodMart. Navigate to Layouts > Edit the single Product Layout and customize and rearrange the elements 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,

You can create an HTML block and add the custom content and add it into the tag Description.
https://ibb.co/CTLppXk, then it will show on the product tag page.
https://xtemos.com/docs/woodmart/html-blocks-2/#cat_att_tag

Alternatively, Try to use the Theme’s Layout Builder. You can create Custom Layouts for product tags pages.You can use that to create your own custom layouts for specific tags and add the custom content

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. You can use that to create your own custom layouts for these pages or use predefined layout design.

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

Best Regards,

Hello,

The sidebar you’re seeing comes from the product archive pages. You can manage it by going to Appearance > Widgets and then adding or removing widgets from the Shop page widget area.

If you’d like to create a fully custom design for the brand pages, you can use the Theme Layout Builder and create a layout specifically for Product Brand. This will give you more control over the title, content, and product grid display.

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

Best Regards,

Hello,

01. Navigate to Theme Settings > Products Archive > Products Styles > Products Background.
https://ibb.co/Qvhf18Jh

02. Actually, with some of the Demos, there are certain Custom Layouts enabled for the Single Product and Archive pages, which is why your made changes under the Theme Settings aren’t taking effect on that.

Navigate to Layouts > Edit single product layout and remove the widget.

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

Best Regards,

Hello,

Sorry for the inconvenience but as you know the default layout of the products pages comes from WooCommerce end and isn’t directly editable with the Page Builder plugins because WooCommerce doesn’t allow it to do so.

But under the WoodMart Theme, using 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 these pages.

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

Best Regards,

Hi VANESTA,

Thanks for details.

1, 3. Extra content block section allows you to display more information for specific products. Please watch recorded video for better understanding https://go.screenpal.com/watch/cThInOnQ7DF

and there is no way to delete the panel, it required for Size Guides post type.

2. Unfortunately, there is no such option by default. You need to find a third-party plugin to achieve more functionality that best suits you.

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

6. You should deactivate all plugins (except Required Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.

7. You are using Custom WooCommerce Builder layouts, which is part of WooCommerce Builder from WoodMart. Navigate to Layouts > Edit the single Product Layout and use Product extra content wdiget.

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

Regards,

Hello,

It seems the custom layout for archive pages is enabled. If so, please go to Layouts and edit product layouts and you can use Archive description to display categories’ descriptions

See Screenshot for clarification: https://ibb.co/rRQdrg8k

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 > check Product Archive Layout and add the shop filters widget ,and check how it works.

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

Best Regards,

Hello,

You are using Custom WooCommerce Builder layouts, which is part of WooCommerce Builder from WoodMart. Navigate to Layouts > Edit the single Product Layout and use product content or products tabs widgets to display content.

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

Best Regards,

Hi princemusondaaa,

You are using Custom WooCommerce Builder layouts, which are part of WooCommerce Builder from WoodMart. Navigate to Layouts > Edit Single Product layout and use Archive description widget https://ibb.co/RkBzhM8Z

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

Regards,

Hi axpresali,

If you want to build custom WooCommerce layouts, I kindly recommend you to use Custom Product layout, which is built with WoodMart WooCommerce builder.

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

And you can combine with Elementor’s Mobile Editor to change layouts on mobile devices https://elementor.com/help/mobile-editing/

Regards,

Hello,

Clarify which page you are trying to edit. Is it the Shop page? If so, use our Layout builder to edit it correctly – https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Kind Regards

Hi 6372apple,

Thanks for reaching to us.

1. 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 use Tabs or Ajax Product tabs widgets.

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

2. Try to use the code below instead of yours. Define the code in the functions.php file in your child theme.

/**
 * Reorder product data tabs
 */
add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
function woo_reorder_tabs( $tabs ) {

	$tabs['reviews']['priority'] = 5;			// Reviews first
	$tabs['description']['priority'] = 10;			// Description second
	$tabs['additional_information']['priority'] = 15;	// Additional information third

	// Custom Tabs are from Product Settings
	// $tabs['wd_custom_tab']['priority'] = 2; 
	// $tabs['wd_custom_tab_2']['priority'] = 3;

	// Additional Tabs are from Theme Settings
	// $tabs['wd_additional_tab']['priority'] = 4;
	// $tabs['wd_additional_tab_2']['priority'] = 5;

	return $tabs;
}

Regards,

Hi VANESTA,

Thanks for reaching to us.

1. you are using Custom WooCommerce Builder layouts, which are part of WooCommerce Builder from WoodMart. Navigate to Layouts > Edit Single Product layout and you can delete widgets you don’t want.

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

2, 3. Your question is a bit unclear to me. Please describe in more details or or your desired goal, this will allow me to thoroughly investigate and address your concerns in a more efficient.

4. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-reset-var {
    display: none;
}

5. Please make sure you added prices to product variations as well https://ibb.co/DDRjtS2X

6, 7. To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Best Regards,

Hello,

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” with the page builder that you are using.

Here you can edit or remove the specification section: https://ibb.co/SnD1sNb . These are product attributes, which can be edited and configured for each product individually. You can edit the additional information table widget and choose the data source as per your requirements.

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

Best Regards,