shopify平台使用自界说图片个性化设置礼物卡办法
使用自界说图片个性化设置礼物卡
备注
若是您使用 Shopify 的免费模板，， ，，，，，，您可以联系 Shopify 支持团队获得关于此教程的资助。。。。。此教程需要 15 分钟的设计时间。。。。。若要相识详情，， ，，，，，，请参阅 Support for themes。。。。。
备注
此自界说用于复古 Shopify 模板，， ，，，，，，不适用于“Online Store 2.0”模板。。。。。
找到您的模板架构版本
探索“Online Store 2.0”模板自界说
为礼物卡上传新图片
找到您要编辑的模板，， ，，，，，，然后点击操作 > 编辑代码。。。。。
在 Assets 目录中，， ，，，，，，点击添加新资产。。。。。
点击选择文件，， ，，，，，，以浏览到您盘算机上的新礼物卡图片并上传。。。。。我们建议使用简朴的文件名，， ，，，，，，例如
blue-giftcard.png。。。。。
提醒：礼物卡图片的建议巨细为 950 × 550 像素（您还可以使用 5:3 的纵横比或最小尺寸 450 x 270 像素）。。。。。
点击上传资产。。。。。新的礼物卡图片将显示在您的 Assets 目录中。。。。。请记下文件扩展名（
.png或.jpg）。。。。。
编辑礼物卡模板文件，， ，，，，，，使其使用您的新图片
在 Templates 目录中，， ，，，，，，点击
gift-card.liquid。。。。。在该文件中查找以下代码：
liquid <img src="{{ 'gift-card/card.jpg' | shopify_asset_url }}" alt="">将它替换为以下代码：
liquid <img src="{{ 'blue-giftcard.png' | asset_img_url: '1024x1024' }}" alt="">点击生涯。。。。。
备注：请确保凭证需要将 blue-giftcard.png 更改为新图片的文件名和扩展名。。。。。
预览您的新礼物卡图片
在模板代码编辑器中，， ，，，，，，点击右上角的自界说模板。。。。。
翻开模板编辑器。。。。。
在页面顶部的下拉菜单或在移动设惫亓模板菜单中，， ，，，，，，选择礼物卡。。。。。
Shopify商户官网原文详情：
Personalize gift cards with a custom image
Note
If you use a free theme from Shopify, then you might be able to contact Shopify Support for help with this tutorial. It requires 15 minutes of design time. To learn more, refer to Support for themes.
Note
This customization is for vintage Shopify themes, and doesn't apply to Online Store 2.0 themes.
Find out your theme's architecture version
Explore Online Store 2.0 theme customizations
Upload a new image for your gift card
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit, and click Actions > Edit code.
In the Assets directory, click Add a new asset.
Click Choose File to browse to the new gift card image on your computer and upload it. We suggest using a simple filename, for example
blue-giftcard.png.Tip
The recommended size for gift card images is 950px by 550px (you can also use an aspect ratio of 5:3 or a minimum size of 450px by 270px).
Click Upload asset. The new gift card image will appear in your Assets directory. Take note of the file extension (
.pngor.jpg).Edit the gift card template file so that it uses your new image
In the Templates directory, click
gift-card.liquid.Find the following code within the file:
<img src="{{ 'gift-card/card.jpg' | shopify_asset_url }}" alt="">Replace it with the following:
<img src="{{ 'blue-giftcard.png' | asset_img_url: '1024x1024' }}" alt="">Click Save.
Note
Make sure to change
blue-giftcard.pngto the file name and extension of the new image as needed.Preview your new gift card image
From the theme code editor, in the top right-hand corner, click Customize theme.
Open the theme editor.
From the drop-down menu at the top of the page, or from the Templates menu on mobile, select Gift card.
文章内容泉源：Shopify商户官方网站