I just tried your suggested code
It showed only the space for an image instead of actual image. Could you please guide me to resolve this issue?
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.