Tagged: Product page, woocommerce
I recently installed the Woocommerce Variation Swatches and Photos plugin. When I click on a photo swatch on the product page it is not highlighting the user selection. I reached out to Woocommerce support and the said it is a theme issue. Here is a link showing how it should work.: http://recordit.co/xMh3Q3St1n.
Mine is not putting the black border around the item on hover or the green border upon selection.
Hi darrencknight,
Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.
Regards,
Rikard
So, I did a little more troubleshooting. I switched to a default WP theme and the selections started highlighting. I reenabled the Enfold theme and disabled all plugins. Still not working. I looked at the code and it appears that when the “selected” class is added it is not overwriting the “border-color” attribute of “.main_color .summary div”. Adding an “!important” callout on “.swatch-wrapper:hover” and “div.swatch-wrapper.selected” fixes it. Maybe not the most elegant, but it works.
https://drive.google.com/file/d/0B-zdekMjWAQnbHh6bHVVRDNiVEk/view?usp=sharing
Hi!
glad you could fix it. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Best regards,
Andy