Liquid, JavaScript, themes, sales channels
Hi, I would like to remove the email link/icon from the row of share buttons at the bottom of the product description.
I found social-buttons.liquid and removed the code for the email link / icon (as highlighted in the screenshot) and it worked... but then I got a warning in the theme customiser saying something like 'broken code detected in your theme' so i replaced it
Can anyone tell me how to remove the email share button from the share icons and just display Facebook, Pinterest and Twitter icons on the product page?
Many thanks
Hello
Can I have the link to your store so I can take a look?
Thanks
Hi, I just sent it to you, I appreciate you taking a look
Great!
Add the following code to your styles.css file at the end:
.social_buttons {
display: none;
}
If you want to remove it from Liquid we would need to see the code to be able to guide you.
Cheers!
Hi, I do want them to display , I am only trying to remove the email icon
Oh! Our bad, here's the updated code:
.share-btn.mail {
display: none;
}
Cheers!
Thanks, I am very confused as it seemed to work in my duplicate theme but not on my live theme?
.social_buttons .mail{
display: none;
}
Thanks for the code, as I mentioned above, for some reason it works in my duplicate theme (that I use for testing etc) but when I paste the code to the bottom of styles on my live theme... nothing! Any idea as to why this might be?
I placed the code at the top of custom styles (bottom of styles.css) and it worked! Thank you for the help 🙂
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024