Sometimes we need to show an image for each of the products of your Shopify store. This can be done by directly adding the image in the product template of the Shopify theme.
Steps to add an image in the product page of Shopify
- Login to your Shopify store admin
- Upload image in the content section of Shopify
- Copy the URL of the uploaded image
- Go to the theme and click on customize
- Select the product template
- Click on add block and select custom.liquid
- Add the HTML for the image with the added image URL
- Drag the custom.liquid block to the desired location
Using the above steps, an image was added to the product page of Shopify using the Dawn theme.
Sample HTML code to add a custom image in the product page template for Shopify Dawn theme:
<div style="text-align: center;">
<img height="100"
src="https://cdn.shopify.com/s/files/1/0614/3112/0049/files/100_Assureed_1.png?v=1690098186" />
</div>Here is a sample video to implement the above steps:
