fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Hover bug with color swatches

Tony van Phan

Dear, in our product archive page we are having a small bug where the ‘select options

button is over the color swatches. How can we fix this? When we hover over the image it happends. See both screenshots. The select options should be underneath the color options.Scherm­afbeelding 2024-09-23 om 17.37.26.pngScherm­afbeelding 2024-09-23 om 17.37.20.png

Hakik Zaman

Hi Tony,

Thank you for reaching out to us.

Can you please give us temporary admin access to your site? We’ll try to investigate the issue for you.

You can use this plugin to create instant passwordless login links.

Or,

You can add new users by going to Users > Add New set the user and password for us, set the role to admin, and set the info here.

Add your site URL, login username, and password in the site login area. Follow this guideline: https://www.useloom.com/share/27c1f2ac633c4060b2da883d946107d7

Hope to hear from you soon!

Tony van Phan

Hi Hakik,

Thank you for your response. Hereby I add a temporary admin access:

Username: [**added in the details**]
Password: [**added in the details**]

Thank you in advance!

Hakik Zaman

Hi Tony,

Unfortunately, you didn’t share the site link to try the login details.

Hope to hear from you soon.

Thank You

Hakik Zaman

Hi Tony,

Your theme is adding some CSS and conflicting with our Swatches layout. Therefore, I have added the following CSS at Appearance > Customize > Additional CSS

/* GetWooPlugins Support */
ul.products .product-inner:hover .buttons {
position: static;
width: 100%;
display: block;
padding-top: 0;
}

Please check now and let me know how it goes. Hope to hear from you soon.

Thank You

Thank you for your support. The catalog page is now fixed, but now on the homepage the product grid is bugging when we select a color. Please view the screenshot

Hakik Zaman

Hi Tony,

I have checked your homepage, but, couldn’t find the reported issue.

During my tests, I have recorded my screen- https://www.loom.com/share/297472699aeb4d0281f7fb1589fb03f0

It could be a caching issue, please, flush all the caches like- browser cache, caching plugin cache, and server-side cache from your hosting settings.

Hope to hear from you soon.

Thank You

Hi Hakik,

This matter is not about the hover, but when we select a color.

Hakik Zaman

Hi Tony,

I have selected a color and still didn’t get the reported issue.

Please check this screenshot as a reference: https://paste.pics/S11OC

Hope to hear from you soon.

Thank You

Hakik Zaman

Hi Tony,

Please flush your cache (browser cache, caching plugin cache, and server-side cache) and try again.

Hope to hear from you soon.

Thank You

Hi Hakik,

The bug is still active also on other devices we have logged into. This problem has occurred after the code above has been pasted on the website.

We have tried removing the code, and then the bug is not active anymore.

Hakik Zaman

Hi Tony,

Could you record me reproducing your issue using a tool like this? https://www.useloom.com
It helps me to quickly figure out the issue.

Hope to hear from you soon.

Thank you

Hakik Zaman

Hi Tony,

Thanks for sharing the loom.

It is confusing, I have tested it again in different browsers and everything seems expected from my side.

I have recorded my screen during tests- https://www.loom.com/share/c29ccf70d50c4d6bbe2ae954cfea5b7a

Can you please share the resolution of your screen? So that I can test it on that resolution.

Thank You

Hakik,

On the video you are not selecting a color. Please select a color and hover then you can see the problem.

Hello Hakik,

I see what the problem was, it was a problem with the translation. ‘Toevoegen in Winkelwagen’ was too long.

Thank you for checking.

I also have another question, is there a way we can display the variations as single products? Or display all variations.

Hakik Zaman

Hi Tony,

I also have another question, is there a way we can display the variations as single products?

Unfortunately, you need another plugin (like- Single Variation as Single product) to get the feature. Our plugin doesn’t have this feature.

By the way, we get excited & honored when you use our plugin on your site.

If you found my support helpful, could you please leave your valuable review here: https://wordpress.org/support/plugin/woo-variation-swatches/reviews/?filter=5

Your rating keeps us inspired.

Thank You