Search Results for 'variable-products-and-swatches'

Hello,

You are adding custom attributes in the product.

See this screenshot: https://postimg.cc/6TMy2C9G

Your global attribute is not configured for products. It is empty.

See this Screenshot: https://postimg.cc/BPnb7nC6

Our theme supports attribute swatches, which can be set up globally (from Products > Attributes) and then displayed as text, color, image swatches instead of dropdowns.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

Best Regards,

Hello,

Enable any swatch type that can be set up globally (from Products > Attributes) and then displayed as text, color, or image swatches instead of dropdowns.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

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

Best Regards,

Hello,

Enable any swatch type which can be set up globally (from Products > Attributes) and then displayed as text, color, or image swatches instead of dropdowns.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

Best Regards,

Hello,

Enable any swatch type which can be set up globally (from Products > Attributes) and then displayed as text, color, or image swatches instead of dropdowns.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

Best Regards,

Hello,

Our theme supports attribute swatches, which can be set up globally (from Products > Attributes) and then displayed as text, color, image swatches instead of dropdowns.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

If you have any questions feel free to contact us.

Best Regards,

Hello,

Navigate to Products > Attributes > Configure term value of attribute and enable the any swatch type.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

Best Regards,

Hello,

4, 5. Navigate to Products > Attributes > Configure term value of attribute and enable the any swatch type.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

For other options you mention in the PDF, WooCommerce does not provide such an option and our theme does not have any options. You need to find a third-party plugin to achieve more functionality that best suits you.

10. Navigate to Theme Settings > Single Product > Tabs and set the Tabs layout to Accordion.
Yes, each product can have its own unique description. Simply edit the product and add the content in the Product description section.

For this single product design: https://woodmart.xtemos.com/mega-electronics/product/apple-macbook-pro-16-m1-pro-2/

This demo is using a custom layout for a single product page. Try to create a custom layout for a single product page and use the predefined layout: https://postimg.cc/CZ4LVQLC

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

Best Regards,

Hello,

Navigate to Products > Attributes, edit your desired attribute, and enable the “Change product image on attribute click” option.

Edit each attribute term (for example, each color or fabric) and upload an image swatch that visually represents it.

In Theme Settings > Shop > Variable products, enable the “Additional variations images” option. Then, edit your product variations and upload appropriate images for each variation.

Once done, the main product image will automatically change when the customer clicks on the color, fabric, or accessory swatches.

For more details, please review these helpful guides:https://xtemos.com/docs-topic/variable-products-and-swatches/, https://xtemos.com/docs-topic/attribute-swatches/, https://shrturl.app/ju1iWc

Best Regards,

Hello,

All the available styles and functionalities with the Swatch are described in the documentation here: https://xtemos.com/docs-topic/variable-products-and-swatches/. Please read and follow i,t and choose the one that better suits your requirements.

Best Regards,

Hello,

Please read our documentation article carefully to understand how to use our theme’s swatches and images from variations https://xtemos.com/docs-topic/variable-products-and-swatches/
You don’t need to use any extra plugins for this.
Let me know if it works for you.

Kind Regards

Hello,

01. Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site, and then check the issue. I am sure your issue will be solved. Then activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

02. To change the image on attribute click, please edit Product Attribute and enable the Change product image on attribute click option.

Then, edit the terms of the attribute and upload the Image Swatch. https://prnt.sc/ryIZHQaYZSkQ

Enable the Additional variations images option in Theme Settings > Shop > Variable products: https://take.ms/aRzS2 and upload appropriate images to the variations: https://take.ms/MiDHc

Then the images will change by clicking on the swatches.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/, https://shrturl.app/ju1iWc

03. Please share some screenshots for better understanding that demonstrate the problem so we can understand and reproduce it on your website.

Best Regards,

Hello,

Navigate to Theme Settings > Shop > Variable products > set them as “Grid swatch attribute to display”: https://postimg.cc/FfxThbRd, then it will show in the product grid.

Also, make sure the swatches are configured properly. You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

Best Regards,

Hello,

Navigate to Products > Attributes > Configure term value of attribute and enable the any swatch type.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

Best Regards,

Hello,

01. The size and color filter options displayed on the category (shop/archive) pages are generated automatically based on the product attributes assigned to your products.

So yes — these attributes (e.g., Size, Color) need to be created and assigned to products in the product edit page under Products > Attributes.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

02. You can check all the available options from Theme Settings > Shop / Product Archive for the shop page.

03, 04. However, installing demo content doesn’t create a site that is an identical copy of our demo site because it has a large number of pages and images that take too much time to complete.

Most images and pages you see on our site are not included in our theme package and will not be imported.

05. I have checked your site and have not seen any issue, if you face any issue let me know I will check and give you a solution.

Best Regards,

Hello,

Navigate to Products > Attributes > Configure term value of attribute and enable the option “Color swatch”.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

Best Regards,

Hello,

You can add your attributes (e.g., Color, Fabric, Accessory) under the Attributes tab, then use them to create variations under the Variations tab in the product edit page.

Navigate to Products > Attributes, edit your desired attribute, and enable the “Change product image on attribute click” option.

Edit each attribute term (for example, each color or fabric) and upload an image swatch that visually represents it.

In Theme Settings > Shop > Variable products, enable the “Additional variations images” option. Then, edit your product variations and upload appropriate images for each variation.

Once done, the main product image will automatically change when the customer clicks on the color, fabric, or accessory swatches.

For more details, please review these helpful guides:https://xtemos.com/docs-topic/variable-products-and-swatches/, https://xtemos.com/docs-topic/attribute-swatches/, https://shrturl.app/ju1iWc

Best Regards,

Hello,

01. After selecting the variation, the prices of the variations are updated above the add to cart button.

See Screenshot for clarification: https://postimg.cc/3dGnFJtJ

02. For the slow add to cart button, please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then, activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

03. For the initial Price Range Display, go to your product edit page in the dashboard and scroll down to the “Variations” section. Under “Default Form Values”, select the variation you want to be pre-selected when the product page loads.

Additionally, you can adjust how prices are displayed from:

Theme Settings > Shop > Variable Products

Hide “to” price – hides the higher price in the range, showing only the lower one.

Remove duplicate prices for variable products – ensures the price updates dynamically when a variation is selected.

Once the default variation is set, the product page will automatically display the selected variation and its price instead of a price range.

04. For the price text size, Try to add the following custom css code in Theme Settings > Custom CSS:

.woocommerce-variation-price, .woocommerce-variation-availability {
    font-size: 20px;
}

05. For the variations style, You need to choose the swatch type from products > attributes. Navigate to Products > Attributes, then click on “Configure terms” for the attribute.

For each term, set the Swatch Type: https://ibb.co/svdRrfjM

Here is the Documentation: https://xtemos.com/docs-topic/variable-products-and-swatches

06. In WooCommerce, variation prices do not automatically accumulate. Each variation has its own defined price based on the combination of attributes (e.g., Size + Color).

Best Regards,

Hello,

You need to choose the swatch type from products > attributes. Navigate to Products > Attributes, then click on “Configure terms” for the attribute.

For each term, set the Swatch Type: https://ibb.co/svdRrfjM

Here is the Documentation: https://xtemos.com/docs-topic/variable-products-and-swatches

Best Regards,

Hello,

You need to choose one swatch type from products > attributes. Navigate to Products > Attributes, then click on “Configure terms” for the attribute.

For each term, set the Swatch Type: https://ibb.co/svdRrfjM

Here is the Documentation: https://xtemos.com/docs-topic/variable-products-and-swatches

To change the image on attribute click, please edit Product Attribute and enable Change product image on attribute click option https://prnt.sc/OFlxnJhoLRbm

Then, edit the terms of the attribute and upload the Image Swatch. https://prnt.sc/ryIZHQaYZSkQ

Enable the Additional variations images option in Theme Settings > Shop > Variable products: https://take.ms/aRzS2 and upload appropriate images to the variations: https://take.ms/MiDHc Then the images will change by clicking on the swatches.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/, https://shrturl.app/ju1iWc

Best Regards,

Hello,

Please use attribute swatches, which can be configured globally via Products > Attributes, instead of the default dropdowns. This will ensure the selected option name is displayed correctly.

You can find detailed guidance in our documentation:
https://xtemos.com/docs-topic/variable-products-and-swatches/
https://xtemos.com/docs-topic/attribute-swatches/

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

Thanks for screenshots.

Please use WOODMART WooCommerce Layered Nav widget to select attributes, you can read more here:

https://xtemos.com/docs-topic/widgets-and-sidebars/
https://xtemos.com/docs-topic/variable-products-and-swatches/

Regards,
Hung PD

Hello,

01. For variations swatches, you do not need to use any plugin.

You can read more here and create product swatches: https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

02. We have not tested any with our theme, which is why we can hardly recommend any.

Best Regards,

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

Hello,

Please edit Product Attribute and enable Change product image on attribute click option https://prnt.sc/OFlxnJhoLRbm

Then, edit the terms of the attribute and upload Image Swatch.
https://prnt.sc/ryIZHQaYZSkQ.

Enable the Additional variations images option in Theme Settings > Shop > Variable products: https://take.ms/aRzS2 and upload appropriate images to the variations: https://take.ms/MiDHc Then the images will change by clicking on the swatches.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/, https://shrturl.app/ju1iWc

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

Hi shweta,

Thanks for reaching to us and appreciate your patience.

It looks like you typed variations manually. Please select created variations from dropdown instead.

Please read and follow the below article:
https://xtemos.com/docs-topic/variable-products-and-swatches/

Regards,
Hung PD

Hi aaron003546,

Thanks for reaching to us.

Please refer to our documentation article for more details https://xtemos.com/docs-topic/variable-products-and-swatches

Regards,
Hung PD

Hello,

You can choose one swatch type. Try to disable the image swatch and use only text swatch.

Here is the Documentation:
https://xtemos.com/docs-topic/variable-products-and-swatches

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

Best Regards

Hi enzo_schneider,

Thanks for your patience.

1. These are variables, you can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/

2. That’s possible, you can use Conditions to create layouts for specific terms https://ibb.co/1fy0vRwF

Regards,
Hung PD

Hello,

Please use attribute swatches, which can be configured globally via Products > Attributes, instead of the default dropdowns. This will ensure the selected option name is displayed correctly.

You can find detailed guidance in our documentation:

https://xtemos.com/docs-topic/variable-products-and-swatches/
https://xtemos.com/docs-topic/attribute-swatches/

Best Regards,