shopify平台使用自定义图片个性化设置礼品卡步骤-ESG跨境

shopify平台使用自定义图片个性化设置礼品卡步骤

shopify新闻
shopify新闻
2022-03-28
点赞icon 0
查看icon 927

使用自定义图片个性化设置礼品卡


,您可以联系 Shopify 支持团队获得关于此教程的帮助。此教程需要 15 分钟的设计时间。若要了解详情,请参阅 。

模板,不适用于“Online Store 2.0”模板。

为礼品卡上传新图片

  1. 在 Shopify 中,转到 > 模板

  2. 找到您要编辑的模板,然后点击操作 > 编辑代码

  3. 在 Assets 目录中,点击添加新资产

  4. 点击选择文件,以浏览到您计算机上的新礼品卡图片并上传。我们建议使用简单的文件名,例如 blue-giftcard.png

提示:礼品卡图片的建议大小为 950 × 550 像素(您还可以使用 5:3 的或最小尺寸 450 x 270 像素)。

  1. 点击上传资产。新的礼品卡图片将显示在您的 Assets 目录中。请记下文件扩展名(.png 或 .jpg)。

编辑礼品卡模板文件,使其使用您的新图片

  1. 在 Templates 目录中,点击 gift-card.liquid

  2. 在该文件中以下代码:

    liquid<img src="{{ 'gift-card/card.jpg' | shopify_asset_url }}" alt="">

  3. 将它替换为以下代码:

    liquid<img src="{{ 'blue-giftcard.png' | asset_img_url: '1024x1024' }}" alt="">

  4. 点击保存

备注:请确保根据需要将 blue-giftcard.png 更改为新图片的文件名和扩展名。

预览您的新礼品卡图片

  1. 在模板代码编辑器中,点击右上角的自定义模板

  2. 打开模板编辑器。

  3. 在页面顶部的下拉菜单或在移动设备上的模板菜单中,选择礼品卡

Personalize gift cards with a custom image

, 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 .

  • Upload a new image for your gift card

    1. From your Shopify admin, go to Online Store > Themes.

    2. Find the theme you want to edit, and click Actions > Edit code.

    3. In the Assets directory, click Add a new asset.

    4. 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.

       of 5:3 or a minimum size of 450px by 270px).

    5. 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

    1. In the Templates directory, click gift-card.liquid.

    2. the following code within the file:

      <img src="{{ 'gift-card/card.jpg' | shopify_asset_url }}" alt="">
    3. Replace it with the following:

      <img src="{{ 'blue-giftcard.png' | asset_img_url: '1024x1024' }}" alt="">
    4. Click Save.

    your new gift card image
    1. From the theme code editor, in the top right-hand corner, click Customize theme.

    2. Open the theme editor.

    3. From the drop-down menu at the top of the , or from the Templates menu on mobile, select Gift card.



    特别声明:以上文章内容仅代表作者本人观点,不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。

    搜索 放大镜
    ESG专业服务案例
    查看
    1
    1个月孵化,GMV增长4400%
    【能解决问题的才叫资源 能赚钱的才叫专业】 >> Gmarket卖家店铺经过ESG跨境客户经理优化,月GMV达到20万美金!
    2
    对接平台官方关键人,3天解封店铺
    【精准资源对接 极速解决问题】 >> ESG跨境帮我解决了韩国平台店铺异常问题——运营韩国平台的卖家
    3
    ESG速度!5小时,PayPal解封
    【用资源解决难题 以效率展现专业】 >> ESG拥有Paypal支付和Onbuy平台双绿通道为卖家保驾护航!
    4
    据理力争,客户产品喜获0竞争绿洲
    【只要资源好 跨境弯路少】>> ESG跨境通过专业市场调研分析产品数据,向平台争取机会,卖家成功上架市场热卖而平台稀缺产品,拓展了西班牙新商机!
    韩国平台交流群
    加入
    韩国平台交流群
    扫码进群
    欧洲多平台交流群
    加入
    欧洲多平台交流群
    扫码进群
    美国卖家交流群
    加入
    美国卖家交流群
    扫码进群
    ESG跨境专属福利分享群
    加入
    ESG跨境专属福利分享群
    扫码进群
    拉美电商交流群
    加入
    拉美电商交流群
    扫码进群
    亚马逊跨境增长交流群
    加入
    亚马逊跨境增长交流群
    扫码进群
    《CD平台自注册指南》
    《韩国站内推广指南》
    《韩国热销品预测》
    《开店大全-俄罗斯篇》
    《开店大全-日韩篇》
    《开店大全-拉美篇》
    《开店大全-欧洲篇》
    《开店大全-蓝海篇》
    《开店大全-北美篇》
    《开店大全-南亚篇》
    通过ESG入驻平台,您将解锁
    绿色通道,更高的入驻成功率
    专业1v1客户经理服务
    运营实操指导
    运营提效资源福利
    平台官方专属优惠

    立即登记,定期获得更多资讯

    订阅
    联系顾问

    平台顾问

    平台顾问 平台顾问

    微信扫一扫
    马上联系在线顾问

    icon icon

    小程序

    微信小程序

    ESG跨境小程序
    手机入驻更便捷

    icon icon

    返回顶部

    进行中
    全球平台详解——拉美篇
    报名中
    Baidu
    map