How do I insert an image in a product template?

Topic summary

A user seeks guidance on inserting an image into a Shopify product template. The recommended approach is using Liquid syntax with images uploaded via Settings → Files.

Correct Liquid Syntax:

  • Upload image to Settings → Files
  • Use: <img src="{{ 'image.png' | file_img_url: '2048x2048' }}" />
  • Or for assets folder: {{ 'demo.png' | asset_url | img_tag: 'image' }}

Common Errors:

  • The original poster incorrectly mixed CDN URLs with Liquid filters, causing syntax errors
  • Placement issues arose when users didn’t understand where to insert code in templates

Simplified Solutions:

  • Dawn 2.0 themes: Add a “Custom Liquid” section through the theme editor and insert standard HTML <img> tags with direct CDN URLs
  • Alternative: Upload images directly in product description text boxes
  • No-code option: Third-party apps like EmbedAny allow embedding without coding knowledge

Support Recommendation:
Shopify staff consistently suggest hiring Shopify Experts for custom code assistance, as this is an unsupported tutorial. The thread remains open with multiple working solutions provided by community members.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.

Help! I do not know where to place this <img src=“image”… I tried placing it right above and the image was right under footer… I want the image place at the middle…