第 112 期 提升 Shopify 店铺信任度:免插件添加安全支付图标

点击这里查看视频教程     本期 YouTube 链接(免登录观看 4K)

增强版主题已添加此功能,可以直接迁移到增强版,拥有全部功能

在 Shopify店铺上添加信任图片或图标,是一个很常见的需求。

然而很多人不懂代码,本期视频教程将为你演示如何在主题中添加信任图片,并且支持后期更改图片。

如何生成图标

工具链接 (操作方法见视频讲述)

截图工具下载链接(应评论要求)

获取图片之后,可卸载插件。

以下操作可在原在线主题上直接操作,也可在备份主题上先操作一遍,确保无误再到原在线主题上操作。全部操作完成,再重新发布原来的在线主题。

复制粘贴,是人就会

@app
{
  "type": "trust__badge",
  "name": "安全图标",
  "settings": [
    {
      "type": "image_picker",
      "id": "trust_image",
      "info": "[使用参考](https://shopify2006.com/how-to-add-trust-icons-to-your-shopify-store-without-using-an-app/)",
      "label": "Image"
    }
  ]
},
case block.type
{%- when 'trust__badge' -%}
  <div style="max-width: 320px; margin: 0 auto;">
    <img loading="lazy" src="{{ block.settings.trust_image | img_url: '640x640' }}" style="max-width: 100%;" alt="{{ block.settings.trust_image.alt }}">
  </div>

支付图标

  • 除了添加安全图标,也可以添加图片展示支持的付款方式(前提是店铺的确支持),示例图片:
Shopify Footer 底部付款方式图标

有帮助? 请 up 主喝奶茶(页面右侧)

第 143 期 一元开店 低成本拥有你自己的 Shopify 店铺
打造属于自己的Shopify网店,无需任何编程技能。这个网址提供了一键式 Shopify 店铺搭建服务,只需低成本就可以立即拥有属于自己的专业电子商务平台。限时福利:既可用于创建新的店铺,也可以创建测试店铺(例如免费试用插件 APP 等),避免测试插件时代码残留在主题中,拖慢店铺网速。

内容标签:   #B站教程,   #店铺运营,   #提升转化