How to change mail image with thumbnail images shopify
To change the mail image with thumbnail images in Shopify, you can follow these steps:
Method 1: Using Shopify's built-in feature
- Go to your Shopify admin panel and navigate to Settings > Email.
- Scroll down to the Email templates section and click on Edit next to the template you want to modify (e.g., Order confirmation).
- In the template editor, click on the Insert image button and select Upload image.
- Upload the thumbnail image you want to use instead of the default mail image.
- Click Save to save the changes.
Method 2: Using a third-party app
- Install a third-party app like Email Image Resizer or Image Optimizer from the Shopify App Store.
- Follow the app's instructions to upload your thumbnail images and configure the app settings.
- The app will automatically replace the default mail image with your thumbnail images in your email templates.
Method 3: Using Liquid code
-
Go to your Shopify admin panel and navigate to Online Store > Themes.
-
Click on Actions > Edit code.
-
In the theme code editor, navigate to the layout folder and open the email.liquid file.
-
Find the line of code that contains the default mail image and replace it with your thumbnail image using Liquid code. For example:
<img src="{{ 'image.jpg' | asset_url }}" alt="Image">
Replace
image.jpg
with the name of your thumbnail image. -
Click Save to save the changes.
Tips:
- Make sure to test your email templates after making changes to ensure that the thumbnail images are displayed correctly.
- You can also use Shopify's built-in image resizing feature to resize your thumbnail images to the desired dimensions.
- If you're using a third-party app, make sure to follow the app's instructions carefully to avoid any issues with your email templates.