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

Hello,

01. See this screenshot for better understanding: https://postimg.cc/z3GbpDrh

02. Please edit Product Attribute and enable Change product image on attribute click optio: 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/

Best Regards,

Hello,

01, 03. Navigate to Products > Attributes > Select the attribute you want to configure and click Configure Terms, and enable swatch type.

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

02. Navigate to Products > Attributes and change the product attribute title.

04. 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 layouts and configure the elements.

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

Best Regards,

Hello,

You don’t need to remove the widget from every product individually — just edit the Single Product Layout once (from Dashboard > Layouts) and remove the Product Additional Information Table widget there. This change will apply to all products using that layout.

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

To hide the color swatches, go to Products > Attributes, edit the attribute (e.g., Color), then click Edit on each term and disable the Color swatch option.

Please check this manual: https://xtemos.com/docs-topic/variable-products-and-swatches/

Best Regards,

Hello,

To display the attribute selection on the product page, you’ll need to set the product type to Variable Product and then assign variations based on the attributes you’ve created. You can do this under Products > Edit Product > Product Data > Variations.

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,

To display the Package Size on your product page as shown in the demo, you’ll need to use WooCommerce’s product attributes feature.

First, go to Products > Attributes in your WordPress dashboard and create a new attribute called “Package Size“. Once added, click on “Configure terms” and create terms like 1000ml, 700ml, and 500ml.

After that, edit the product where you want to display the package size, scroll down to the Product Data section, and open the Attributes tab. Select the “Package Size” attribute, add the relevant terms, and make sure to check the option “Visible on the product page” before saving. This will display the package size as shown in the WoodMart demo.

Please check this manual: https://xtemos.com/docs-topic/variable-products-and-swatches/

Best Regards,

Hello,

You have not enabled the text swatches on your site in attribute terms. I’ve now activated the text swatches for some terms under the “Rozmiar” attribute, and the swatches are working correctly.

Please revisit your site and check the “Creator 2.0” product to see the changes in effect.

You can read more about swatches 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 > Select the attribute you want to configure and click Configure Terms, and enable swatch type.

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,

Hi ivoltbg,

Currently, you have no product attributes.

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

https://woocommerce.com/document/variable-product/

Regards,
Hung PD

Hello,

Navigate to Products > Attributes > Select the attribute you want to configure and click Configure Terms, and enable 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. Yes, it’s possible to display all size variants as swatches on the product page.

To achieve this, please follow these steps:

Configure Swatches for the Attribute:

Navigate to Products > Attributes, then click on “Configure terms” for the Size attribute.
For each term (Small, Medium, Large), set the Swatch Type to Text: https://ibb.co/svdRrfjM

Assign Attributes to the Product:

Edit your product and go to the Attributes tab. Add the Size attribute, check “Used for variations”, and then generate variations under the Variations tab.

You can also check this step-by-step manual for more guidance:
https://xtemos.com/docs-topic/variable-products-and-swatches/

02. By default, WooCommerce allows customers to choose one variation at a time with a single quantity field; there is no option in theme settings to display multiple quantity fields for each size (variation) on a single product page.

Best Regards,

Hello,

First, I suggest you check our article – https://xtemos.com/docs-topic/variable-products-and-swatches/

Additionally, here is a video – https://www.youtube.com/watch?v=TITlJ6Zg0so&ab_channel=XtemosWordPressThemes

If you have any additional questions, let me know.

Kind Regards

Hi omarlayali96,

Thanks for screenshots.

1. WooCommerce notices

This is default WooCommerce’s functionalities and WoodMart does not control it. In order to change / translate messages. 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

2. You are using custom layouts for a single product page, which is built with the WoodMart WooCommerce builder. Navigate to Layouts > remove Reviews widget and use Product tabs widget instead.

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

3. Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9

Hover on Logo element, click on Pencil icon, and you can change Logo width. It also can be applied to Mobile tab. However, I kindly recommend you to use photo editor like Photoshop before uploading logo.

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

Kind Regards,
Hung PD

Hello,

1. Disable this plugin – https://prnt.sc/qWkHxIWE6-SE and use our swatches functionality – https://prnt.sc/h383rHX0Kfvb more details in our article https://xtemos.com/docs-topic/variable-products-and-swatches/

2. It should not affect, it’s just attributes.

Kind Regards

Hello,

Navigate to Products > Attributes > Configure term value of attribute and use the color swatch and text swatch: https://ibb.co/svdRrfjM

Please check this manual: https://xtemos.com/docs-topic/variable-products-and-swatches/

Best Regards,

Hi Faisal Awan,

1. I didn’t lie. As you can see in the video, when I deactivated and reactivated Elementor Pro plugin, all looked same.

2. Change text

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

3. Variations

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

Regards,
Hung PD

Hello,

Try to create a color attribute and configure the term about the color swatch. Then go to Theme Settings > Shop > Variable products > Choose the color attribute that will be shown on the product grid.

Then, try to create an attribute and configure the term about the image swatch. And configure the attributes and variations in the edit product page.

Please check this manual: https://xtemos.com/docs-topic/variable-products-and-swatches/

Best Regards,

Hi soporte_web,

Thanks for reaching to us.

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

Regards,

Hello,

You are using the color swatch. You can check and do to get text-based swatches instead of colored boxes:

Go to Products > Attributes, find your Color attribute, and click Configure terms.

For each color term click Edit and make sure:

Swatch type is set to Text and color swatch is disabled, Swatch value is exactly the text you want displayed.

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 > Select the attribute you want to configure and click Configure Terms, and enable 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,

Navigate to Products > Attributes > Select the attribute you want to configure and click Configure Terms, and disable the swatch type.

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,

Hi itgr8work,

Thanks for reaching to us.

1. So you can enter attributes manually https://ibb.co/Mm9RMc2

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

Regards,

Hello,

The swatches will not work if they are defined manually – https://prnt.sc/HNN1jviBjx8f , it should be like here – https://prnt.sc/iyx8VXm-iXVC

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

Then clear the cache and check how it works.

Kind Regards

Hello,

By default, on the product page, you can add variations in the style of a dropdown or swatches. Unfortunately, there is no way to file upload, change pricing based on the input data. For this purpose, would be better to use plugin.

Our default functionality – https://xtemos.com/docs-topic/variable-products-and-swatches/

Kind Regards

Hello,

Navigate to Products > Attributes > Configure term value of attribute and use the image swatch: https://ibb.co/svdRrfjM

Please check this manual: https://xtemos.com/docs-topic/variable-products-and-swatches/

Best Regards,

Hi crazysparkles01,

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

Regards,

Hello,

It looks like you’ve assigned custom attributes instead of global attributes for your variations.

To fix this, you need to create a global attribute.

Edit the Product Attribute and enable the “Change product image on attribute click” option: https://prnt.sc/OFlxnJhoLRbm

Edit the terms of the attribute and enable Swatch: https://prnt.sc/ryIZHQaYZSkQ

Enable Additional Variations Images in: Theme Settings > Shop > Variable Products https://take.ms/aRzS2

Upload the appropriate images to your variations: https://take.ms/MiDHc

Once these settings are correctly applied, the images should change when selecting different swatches.

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

Best Regards,

Hi matt,

Thanks for clarifying. Please read below articles for more details:

https://woocommerce.com/document/variable-product/
https://xtemos.com/docs-topic/variable-products-and-swatches/

Kind Regards,

Hello,

I’ve checked again, and the color variations are changing fine after clicking. The images update as expected when selecting a variation.

See video for clarification: https://uploadnow.io/f/HjGnLZK

If you’re still experiencing the issue intermittently, it could be related to browser caching or server-side caching.

On some products, the images are not changing on both single product pages and archive pages.

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

Then, edit the terms of the attribute and enable the color 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/

Best Regards,

Hi MatoZato,

Thanks for reaching to us.

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

Regards,

Hello,

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

Please check this manual: https://xtemos.com/docs-topic/variable-products-and-swatches/

02. Please use the Loco Translate plugin on your site. After installing the plugin, please navigate to Loco >> Themes >> Woodmart >> Edit the translation that you are using for the site >> Click the Sync button >> Find the words and add the translation for them and save it.

Also, please navigate to Loco >> Plugins >> Woocommerce >> Edit the translation that you are using for the site >> Click the Sync button >> Find the words and add the translation for them and save it.

Also, please navigate to Loco >> Plugins >> Woodmart-Core >> Edit the translation that you are using for the site >> Click the Sync button >> Find the words and add the translation for them and save it: https://wordpress.org/plugins/loco-translate/

Note:

1. Custom (recommended)
2. This is Loco’s protected folder under “wp-content/languages/loco/” which is safe from automatic updates and provides priority over the above locations.

https://localise.biz/wordpress/plugin/manual/msginit?utm_medium=plugin&utm_campaign=wp&utm_source=admin&utm_content=plugin-msginit#order

If this folder doesn’t exist, you may need to create it and ensure it has the correct permissions.
https://localise.biz/wordpress/plugin/manual/filesystem

For more information, please read the theme documentation here:
https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

Best Regards,