fbpx
Want To Add Extra Images Per Product Variation? Download This Free Plugin

Hide images and remove click function of swatches in category pages

Bart Banks

My client purchase your plugin to have the ability to display color swatches with the products in the category pages. They usually have two layers of variations, a case type and then the color of that case. In the category pages both of these show but we only want the color swatches to show. They are also clickable but we don’t want to change the photo in the category pages. We only want to display the colors that are available. Can this be done?

Bart Banks

Thank you for the video. That helped with the first issue.

For the second issue, the image swatches are still clickable. They don’t do anything other than have a checkmark over the swatch that was clicked, but I would like them to not be clickable. I only need the swatches to show the colors available for the product and when they click to go to the single product page, then they can click on the swatches.

Hakik Zaman

Hi Bart,

Please give me a link where I can check your swatches.

Hope to hear from you soon.

Thank You

Hakik Zaman

Hi Bart,

Thanks for sharing the URL with us.

Please add the following CSS at Appearance > Customize > Additional CSS

// GetWooPlugins Support to disable click on archive swatches
.archive.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
pointer-events: none;
}

After adding the above please flush all the caches like- browser cache, caching plugin cache, and server-side cache.

Please let me know your feedback.

Hope to hear from you soon.

Thank You