How to hide a metafield badge on product cards (Theme: Prestige)

HeyFruitloots
Visitor
2 0 0

Hi there! I was able to add custom badges to my site, and I'm happy with the way they show on the product page/description. But I would like them hidden on the actual product cards on the collection page. Can someone help me out?

 

Thanks in advance!

Allan @HeyFruitloots 

Replies 3 (3)

TerenceKEANE
Shopify Partner
511 86 78

Hi!

Your request can be done. Can you send me the link to your website?

Terence

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
HeyFruitloots
Visitor
2 0 0

Hi Terence! My site is www.fruitloots.com

TerenceKEANE
Shopify Partner
511 86 78

Hi again,

 

The following code will do what you want. If you encounter any issues again, feel free to write, I'll help.

 

1) Navigate to the 'Edit Code' option in your theme settings, then search for 'theme.liquid' in the search bar.

2) Paste the following code below the '<head>' tag. Please refer to the attached screenshot for guidance.

 

 

<style>

.features--page-transition .badge-list.badge-list.badge-list--vertical {
          display: none !important;
        }

  
</style>

 shopify.head.jpg

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites