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

Show swatches on archive / shop page

Luca P

Hello!
I have a compatibility problem with “Show swatches on archive / shop page” and how it shows on my catalogue page.
See the attached screenshot.
1) add to cart button is not shown
2) color and size are not aligned to its tag
Please support in solving these issues, thank you.
Luca

screencapture-siawear-shop-2024-12-10-16_37_15.jpg

 

Hakik Zaman

Hi Luca,

Thanks for reaching out to us.

I don’t know why your site is loading slower from my side.

I have tried to add the following CSS at Appearance > Customize > Additional CSS

.woo-variation-swatches .variations .woo-variation-item-label label{
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
margin-top: 0;
margin-bottom: 0;
}
.woo-variation-swatches .variations .woo-variation-item-label .woo-selected-variation-item-name {
line-height: 1.8;
}

Please check if it was added properly or not. Then enable the “Show swatches on archive/shop page”. The issue is with the theme styling. After adding the above styles in the inspect tool, it looks like this from my end.

If you check the screenshot carefully you can see the “Add to cart” button as well. This is how your theme designed the cart button.

Please let me know if I missed anything. Hope to hear from you soon.

Thank You

Luca P

Hello Hakik,

Thank you. Now it’s working fine.

But I still have a question, is it normal that after clicking on the “Add to cart” button I’ve been redirected to the item page, instead of staying on the catalogue page? That it’s really pointless and annoying, is there any way to fix it?

Luca

Luca P

And one more question I forgot to ask you: Is the website on your end working slowly? Because a couple of times we got such a complain but we could never replicate the problem.. thank you!
Luca

Hakik Zaman

Hi Luca,

You have disabled the Ajax cart feature from the WooCommerce setting.

Please enable it to get the Ajax behavior on the shop/archive page.

Is the website on your end working slowly?

Last day I found it slower. Today it is working as expected.

Hope to hear from you soon.

Thank You

Luca P

Works perfectly, thank you very much!