color options product

When there is a choice of color options in the product, why is the widget not active when it is in a single product? Help me set this up, even though I took it from the layout theme preview.

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings > Shop > disable catalog mode option https://ibb.co/BwNd3Hj and check the issue.

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,

I want to display my color option variants

Hello,

Enabling Catalog Mode will also hide the product attributes on the single product page, including color and size options. This is the way it works.

If you want to show the variation, enable the catalog mode option and hide the add to cart button with custom css, if you need Custom CSS, let me know. I will check and give you a possible css code.

Best Regards,

where is the catalog mode, I have made it from the layout menu to remove the cart

Hello,

It looks like you removed the Add to Cart widget from the Single Product Layout, not enabled Catalog Mode.
In that case, variation options may not work correctly because they are connected to the add to cart form.
Please add back the Add to Cart widget in the layout and test again.

If you still want to hide the button visually, I can give you CSS to hide it after restoring the widget.

Best Regards,

then help me hide it in css

Why not make the visual form of this color icon text instead?

Attachments:

You must be logged in to view attached files.

it has appeared but when you click it doesn’t change to the target color

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following custom css code in Theme Settings > Custom CSS

/* Hide price for all products */
.price {
    display: none !important;
}

.product-grid-item .wd-add-btn,
.product-type-simple .wd-add-btn,
.product-type-simple .single_add_to_cart_button {
    display: none !important;
}

/* Hide Add to Cart button for variable products */
.woocommerce-variation-add-to-cart {
    display: none !important;
}

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,

[Author]

Posts