Trust Badge on Product page

Highlighted
Tourist
6 0 2

Hi, is it possible to add trust badge on every products page and just under the add to cart button? Many thanks Ceasar

1 Like
Highlighted
Shopify Staff
Shopify Staff
36 1 6

Hi Caeser,

I am Ryan from the Shopify Support team. 

Trust badged can be added to any theme.liquid file and can be added to the product.liquid page as well. When added here the trust badge will appear on all of your product pages. When adding a trust badge you will want to make sure the image.png file has been added to the Assets folder in the theme. Once this is done to refer to the image in the assets folder in the product.liquid file your code should look something like this;

 <img src="{{ 'image-name.png' | asset_url | img_tag }}" alt="security badge ">

Make sure to use the name of your file uploaded to the assets file and not "image-name.png ", or the image will not load. 

Hope this helps ;p

Ryan 

Shopify Support

0 Likes
Tourist
6 0 2

Hi Ryan

Appreciate your reply :) Not sure what you mean by asset folder. Is it just a case of adding trust badge code to product.liquid? 

Caesar

 

0 Likes
Highlighted

Add trust.png ( I am keeping this name as simple ) In asset folder

  1. Online Store > Theme
  2. Click on Three Dots
  3. Click on Edit HTML/CSS
  4. Open Assets folder
  5. Click on "Add a new asset"
  6. Add trust.png file
  7. Now Open Product.liquid in Template folder
  8. Add following code in Product.liquid

 <img src="{{ 'trust.png' | asset_url | img_tag }}" alt="security badge ">

Shopify Plus Expert
https://experts.shopify.com/lucentinnovation
0 Likes
Highlighted
Tourist
6 0 2

Hi Ashish

Got it. Thanks for the explanation :)

Caesar

0 Likes
Highlighted
New Member
4 0 0

I still didn't get it. I added the code underneath my Add To Cart button but the image is not loading and it displays '" alt="security badge ">' on my product page. 

 

0 Likes
Highlighted
Tourist
6 0 2

Hi Siljan

I did it this way>

Click on 'Settings' in your Shopify platform. Then click on 'File'. On top right click 'Upload Files'. Copy your trust badge. 

Once trust badge uploaded you will have a URL for it. Copy and paste that URL under your Add To Cart button. You can use this code below. Replace YOUR URL LINK with the URL for your file. Adjust size of the trust badge by increasing or decreasing the px number after width: and height: 

<img src="YOUR URL LINK" alt="some_text" style="width:128px;height:128px;">

Hope it helps.

Caesar
catthreads.com

1 Like
Highlighted
Shopify Partner
3 0 0

Hello, 

Where in the theme.liquid do I need to add the code? I am using the Venture and Minimal themes for my two sites. I do not see where the cart button is.

Thanks

0 Likes
Highlighted
New Member
1 0 1

I have the same problem as Sljan. When I added the code it just shows " alt="security badge ">' under my product images. I'm using Minimal theme. Where exactly in product.liquid should I add the code?

1 Like
Highlighted
New Member
2 0 0

"Just copy the code"   and where exactly do we do that  smh

0 Likes