Remove Trust Badges Bear icons from from the homepage, but keep it on product page

Technical Q&A
1

Hey,

I have added trust badges from Trust Badges Bear App to my product pages but I can see the same trust badges coming into my products grid on my homepage for just one product. This is messing up all the alignments on my homepage.

Also, when I am checking from my preview, everything seems to be normal and the trust badges are only coming on product page.

My URL is www.bnfstylespot.in

bareera_bnf_0-1713855441220.png
bareera_bnf_0-1713855441220.png2294×1068 243 KB

Thanks!

2

Hi @bareera_bnf ,
In your css file add this css property for hide badges from product grid.

.card__content #ultimateTrustBadgeswidgetDiv {
display: none;
}

3

Thanks @oscprofessional ! But I am new to Shopify codes, could you please help me with the file as well that needs to be edited for this?

4

Hi @bareera_bnf

You can do that by adding this CSS code to theme.liquid file after in Online Store > Themes > Edit code

{% if template == 'index' %}

{% endif %}

Best Regards,

Dan from Ryviu

1 Like
5

Thanks @Dan-From-Ryviu , appreciate your help!

1 Like
6

You are very welcome!

7

Login to shopify admin → Online store → select theme and edit code → base.css
and paste this code.