Display an image

From Shopify Wiki

(Redirected from HowToDisplayAnImage)
Jump to: navigation, search

Contents

How to display a product image

In a .liquid template

If you want to display a product image in a .liquid file, use the product_img_url Liquid filter.

In my content

In the Rich Text Editor bar, click on Insert → Image.

File:/upload/a/a1/2010-08-29 12.55.14.png

Click on the 'Product Images' tab, select your product image and the size you want for it.

File:/upload/8/8e/2010-08-29 12.55.47.png

Look here if you want the text in your content to wrap around your image: RTE FAQ

How to display an image that is my theme assets

Use the img_tag Liquid filter for this. This will work in .liquid files only.

How to display an image that has been uploaded to my 'Uploaded Files' section

If you want to add such image to your content, use the Rich Text Editor.

In the Rich Text Editor bar, click on Insert → Image.

File:/upload/a/a1/2010-08-29 12.55.14.png

Click on the 'Uploaded Images' tab, select your image and the size you want for it.

File:/upload/5/58/Liquid testing ~ Admin ~ Our PCI report.png

Look here if you want the text in your content to wrap around your image: RTE FAQ

Where are my Uploaded Images? I would like to delete an image

Look here: Where are my Uploaded Files?

Are Uploaded Images part of my theme?

No.