Hi everyone,
Hope someone can help me out!
How can I deactivate the zoom function and widget on a specific productpage?
https://www.states-gallery.com/products/a-roll-of-backgammon
Thank you in advance and have a great day!
Regards Haan
Hey @Haan ,
The code below is to hide the button, regarding the image zooming, that would take a little heavy lifting and I wouldn’t be able to help you with that here.
You can use this Custom CSS in the Theme Customizer → Settings
button.artplacer-button.en.btn.btn-7.btn--full.btn-theme.product-form__cart-submit {
display: none;
}
You can find it here
1 Like
Hi TPW,
thank you for your quick reply!
I tried the code but somehow I am doing something wrong I suppose?
Hey @Haan ,
You can ignore the underlining and save it. It’s probably underlining it because it’s not a dictionary word
1 Like
Hmm, then try this
For the theme you are currently on, click on the “…” button and then “Edit code”.
In the “Assets” folder, you can search for “base.css” file, and add the code here. It could also be theme.css, style.css or styles.css. Search until you find one
That works only the widget also disappears from all the other productpages.
It should only be deactivated on a specific productpage template (accessories): product-template-1.liquid:
https://www.states-gallery.com/products/a-roll-of-backgammon
And visible on product-template-7.liquid:
https://www.states-gallery.com/collections/adventure/products/beauty
Do you perhaps know? Thank you for your help!
Ah okay. I understand. Then try this please
body:has(#shopify-section-product-template-1) button.artplacer-button.en.btn.btn-7.btn--full.btn-theme.product-form__cart-submit {
display: none;
}
1 Like
Thnx amigo! That worked.