使用自定义图片个性化设置礼品卡
为礼品卡上传新图片
找到您要编辑的模板,然后点击操作 > 编辑代码。
在 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
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
.Click Upload asset. The new gift card image will appear in your Assets directory. Take note of the file extension (
.png
or.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.
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商户官方网站