TFantom

https://www.therum.company/shop I need this too. I have a filter, but it's secretly loading all the lifestyles, not just the one for hover - terrible for SEO. Cheers Tom

@paul2009 love this thread, this is exactly what I thought I needed to do. I'm pretty sure I'm loading loads of jQuerys. I will follow your advice above, but can I ask the latest jQuery version I should link to please? Looks like updating it might cause an error on some plugins, but I'll deal with that later. Thanks Tom

Is it possible for the related images to not be square? As you can see from the image I am using custom plugin, but I have a feeling the code for a normal cart will still work and I couldn't see how to do this before I got the plugin. See attached, and the large image to the left showing the correct ratio.3:4 I think. I have managed to target the images to make changes to their corners, but nothing seems to edit the ratio. therum.company Thanks!! Tom @paul2009?

@paul2009 Thanks for the advice, I raised a ticket but it seems the issue is my Shop page code for my 'universal filter plug-in. The problem is resolved when that code is removed. But I need the code obviously. I have contacted the owner of the code, but I'm not sure they know how to fix it. Are you able to take a look? There doesn't seem to be anything obvious to cause the issue. I guess you can see the code, but if you need access, let me know. Thanks Tom

@Paul2009 Hoping you can help, on my site (www.therum.company), when I use the 'add to cart buttons' feature that is the new Squarespace version of your code above, it adds 3 units to the cart for some reason? Any idea why this could be? It does the same with your code too? I have it turned off currently. Thanks Tom

The issue with the code above is that the word checked is spelt wrong. correct this and it works.... Thanks for the original code, works great! I have used it here... https://www.therum.company/shop/p/rum-club-gift /* change the variant button style */ .variant-option .sqs-button-element--secondary { background:#F6EDCE!important; /* change the button background color */ border: 2px solid #EDD17D!important; /* change the button border */ border-radius:0!important;/* change the button shape */ font-size: 1rem!important;/* change the button font size */ text-transform: uppercase;/* change the button character style */ } /* change the button on a hover */ .variant-option .sqs-button-element--secondary:hover { background:#EDD17D!important; /* change the button background color */ color: brown!important; /* change the font color */ box-shadow: 5px 5px 15px rgba(0,0,0,0.2) /* give the button a shadow */ } /* change the selected button style */ .ProductItem-details .variant-radiobtn-wrapper input[type="radio"]:checked+label { background: #e5f5f6 !important;/* change the button background color */ color: #50bdb8 !important;/* change the button font color */ border: 1px solid #50bdb8 !important; /* change the button border */ border-radius: 3rem !important; /* change the button shape */ }

Hi Paul, Thanks again for installing the Beta. It was exactly what I needed and works perfectly!

I also am interested in purchasing something very similar to this please. Thanks, Tom

Yes, thanks!

Hi Paul2009 - your example above is exactly what I need for my site (www.therum.company). I need to offer £5 samples on my product pages with out the issues caused by variants. Whats the next step? Thanks Tom

Site URL: https://www.therum.company/shop/p/crusty-juggler-barrel-aged-black-spiced-rum Add to cart button disappears upon clicking so you cant add more to the basket. Have tried code like ... .sqs-add-to-cart-button{ display: inline-block !important; visibility: visible !important; display: block !important; } ...but no luck. I do have some custom code to turn the 'add to cart' into a 'go to cart' once clicked, but this now isn't visible now it disappears. I have the original issue still if i remove this code so I don't think it is that? Any Ideas? Tom