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

HeyFruitloots · ‎05-21-2024

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

TerenceKEANE · ‎05-23-2024

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 · ‎05-28-2024

Hi Terence! My site is www.fruitloots.com

TerenceKEANE · ‎05-29-2024

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>

★ 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

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

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

Community Blog Articles