Solved

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

bareera_bnf
Tourist
5 0 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

 

Thanks!

  

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7726 1502 1510

This is an accepted solution.

Hi @bareera_bnf 

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

{% if template == 'index' %}
<style>
    #ultimateTrustBadgeswidgetDiv { display: none !important; }
</style>
{% endif %}

Best Regards,

Dan from Ryviu

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 6 (6)

oscprofessional
Shopify Partner
15897 2378 3084

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

.card__content #ultimateTrustBadgeswidgetDiv {
display: none;
}

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
bareera_bnf
Tourist
5 0 1

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?

oscprofessional
Shopify Partner
15897 2378 3084

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

Dan-From-Ryviu
Shopify Partner
7726 1502 1510

This is an accepted solution.

Hi @bareera_bnf 

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

{% if template == 'index' %}
<style>
    #ultimateTrustBadgeswidgetDiv { display: none !important; }
</style>
{% endif %}

Best Regards,

Dan from Ryviu

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

bareera_bnf
Tourist
5 0 1

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

Dan-From-Ryviu
Shopify Partner
7726 1502 1510

You are very welcome! 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now