PRESTIGE...How to add an img beneath the add to cart button

George230
Tourist
22 0 0

Hi,

I've tried this code but for some reasons it doesn't show the img, just a small square with the name of it and it's not even in the right place. 

<img src="{{ '@@payment-methods.png' | asset_url }}" alt="@@paymentmethods" >

Any help would be appreciated. Thanks 

 this is how I wanted to be.

Screenshot_20210911-100727_Chrome.jpg

 

Replies 5 (5)

oscprofessional
Shopify Partner
15846 2371 3074

Hi @George230 ,

Have you import the image in file section by admin panel ?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
George230
Tourist
22 0 0

Hi,

 

I did add it as a new asset.

Screenshot_20210923-212058_Shopify.jpg

oscprofessional
Shopify Partner
15846 2371 3074

@George230 ,

Upload images on the Files page...
You can upload images on the Files page of your Shopify admin. This is useful because you can access these images while editing any of your themes.

Example I have shown below! Try this! and dont forget to upload pic on file section. Go to the setting in admin panel and select files option

How to Get File Image URL in Shopify
For instance, you want to track the image url of a logo that you have uploaded on your website. You should do:

Input


{{ 'logo.png' | file_img_url: '1024x768' }}

Output


//cdn.shopify.com/s/files/1/0246/0527/files/logo_1024x768.png?42

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
George230
Tourist
22 0 0

Hi, thanks for the information. The img its been uploaded but could you please be more specific about where I should add the code please and which one of those 2? I'm beginner level, not even   

16324940267376345441293443748072.jpg

oscprofessional
Shopify Partner
15846 2371 3074

Hi @George230 ,

For Product Page you should aadd in to product-template liquid file !

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