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

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,

Hello,

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

02. For the out-of-stock variations, navigate to Products > Attributes > edit attribute > choose the disabled swatch. The disabled Swatch style is for the variants of the Products that are disabled, not for the out-of-stock variants.

So, you need to have the variant of the Product not checked with the Enable option on it,t and then the Disabled Swatch style will work accordingly.

See these images for reference:
https://snipboard.io/BMehIF.jpg
https://snipboard.io/NbOzfP.jpg

Best Regards,

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,

Good day Support,

In your Mega Electronics Theme Demo you have a configurator for Product Addons, namely Processors, RAM, Storage. See link here:
https://woodmart.xtemos.com/mega-electronics/product/apple-macbook-pro-16-m1-pro-2/

Is this done with Variable Products? Like here: https://xtemos.com/docs-topic/variable-products-and-swatches/

Attachments:

You must be logged in to view attached files.

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