Deactivate zoom and widget on specific product template

Solved

Deactivate zoom and widget on specific product template

Haan
Explorer
65 0 22

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

 

Screenshot 2024-01-23 at 16.25.52.png

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2139 616 519

This is an accepted solution.

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;
}
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 8 (8)

ThePrimeWeb
Shopify Partner
2139 616 519

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

ThePrimeWeb_0-1706025053827.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Haan
Explorer
65 0 22

Hi TPW,

 

thank you for your quick reply! 

I tried the code but somehow I am doing something wrong I suppose? 

IMG_9838.jpeg

ThePrimeWeb
Shopify Partner
2139 616 519

Hey @Haan,

You can ignore the underlining and save it. It's probably underlining it because it's not a dictionary word

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Haan
Explorer
65 0 22

 I am getting this alert 

 

IMG_9841.jpeg

ThePrimeWeb
Shopify Partner
2139 616 519

Hmm, then try this

 

For the theme you are currently on, click on the "..." button and then "Edit code".

ThePrimeWeb_0-1706054344702.png

 

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 

ThePrimeWeb_1-1706054389239.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Haan
Explorer
65 0 22

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!

ThePrimeWeb
Shopify Partner
2139 616 519

This is an accepted solution.

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;
}
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Haan
Explorer
65 0 22

Thnx amigo! That worked.