New Shopify Certification now available: Liquid Storefronts for Theme Developers

Hide social media icons only in product pages

Solved
danielcorrea
Excursionist
56 0 13

Hi, I would like to hide social media icons ONLY in product pages. Please help!

Accepted Solution (1)
PingIT
Shopify Partner
9 2 1

This is an accepted solution.

You can put the below CSS into theme.liquid before the </body> tag. Let me know how it goes.

 

    <style>
    {%if request.page_type == "product" %} 
    .footer__content-top {
        display: none !important;
    }
    {% endif %}
    </style>

 

- Iain

Visit us at pingit.digital or email iain@pingit.digital for Shopify help or custom development.

View solution in original post

Replies 3 (3)
Dan-From-Ryviu
Shopify Partner
5679 1047 1073

Hi @danielcorrea 

Please drop your store URL here so I can provide the code to do that

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

danielcorrea
Excursionist
56 0 13
PingIT
Shopify Partner
9 2 1

This is an accepted solution.

You can put the below CSS into theme.liquid before the </body> tag. Let me know how it goes.

 

    <style>
    {%if request.page_type == "product" %} 
    .footer__content-top {
        display: none !important;
    }
    {% endif %}
    </style>

 

- Iain

Visit us at pingit.digital or email iain@pingit.digital for Shopify help or custom development.