Sarah_Hallmarked

On 3/13/2022 at 10:46 AM, tuanphan said:

Use this new code

div#block-yui_3_17_2_1_1645696814640_3767:hover a:not(.product-title) img {
    visibility: hidden
}

div#block-yui_3_17_2_1_1645696814640_3767:hover a:not(.product-title) {
    background-image: url(https://static1.squarespace.com/static/5fdcc5ea23f93f3b0a025847/t/621956096ed5e56712593edc/1645827595303/Pet+Natura+Veggie+Complete+Hover-01.png);
    background-size: cover;
    background-repeat: no-repeat
}

 

Thanks so much! seems to have done the trick 🙌

Still need help please - hugely appreciated! I've left it as the flashing blank so you can see:

https://petnatura.co.uk/rawfood

Thank you 

On 3/3/2022 at 7:45 AM, tuanphan said:

It looks like solved? Also, I see burger close icon is invisile...Do you need to fix it?

Thank you - I ended up changing the nav colour so the white logo is seen, not what i wanted but is a workaround! Definitely hadn't noticed the close icon - If you have a fix, you're a diamond! 

4 hours ago, tuanphan said:

edit this class name

to this

 

Thanks so much! I amended but it's now flashing blank on hover. I hope i have amended correctly to the below: 

div#block-yui_3_17_2_1_1645696814640_3767 a:not(.product-title):hover {
    visibility: hidden;
}
div#block-yui_3_17_2_1_1645696814640_3767 a:not(.product-title):hover {
    background-image: url(https://static1.squarespace.com/static/5fdcc5ea23f93f3b0a025847/t/621956096ed5e56712593edc/1645827595303/Pet+Natura+Veggie+Complete+Hover-01.png);
    background-size: cover;
    background-repeat: no-repeat;
}

Me again 🙂 I'm having this same problem also and unsure how to access the product page injection code. Here is the product page that shows no logo as it is white on white: https://petnatura.co.uk/shop-raw/p/total-veggiecomplete-meal-for-convenience

Your advise is greatly appreciated!

Thanks so much - here is the link: https://petnatura.co.uk/rawfood

Hi Tuanphan, thanks so much for this although i am getting a 'ghosting' image when hovering under this section also, could you please tell me if there is a reason for it/ a workaround?

I've attached images for ref - the pack is shown on hover.

Thanks! Sarah 

Is there a way to add an accordion to a shop - so each category is expanded to view/ select the products within? 

I've found both FAQ expanding code and how to add accordions within the product page itself but I can't find a way to  create one for shop categories or include products within the code blocks as a workaround.

Does something like this exist?

Thanks so much! 🙂