跳转至主要内容
Shopify 开发

第 211 期 Shopify App 开发之 Theme App Extensions 简单指南

点击这里查看 带字幕 视频教程 通过 YouTube 观看

一、是什么 & 优势

Shopify Theme App Extensions 从字面意义上理解,是 Shopify 主题 App 形式的扩展。它不是主题功能,而是一种 App block。

Shopify 后台 App 设置

有什么优势

  1. 无需编辑代码。它可以以 App 的形式直接安装到店铺中,而无需 Shopify 个人卖家或运营手动添加代码。
  2. 不依赖于主题。即使升级主题甚至更换主题,也能继续使用。不局限于某一款主题,兼容性更好。
  3. 加载速度快。Shopify 直接托管,可以像店铺主题一样,从 Shopify 服务器加载,而不用从第三方 App 服务器加载。

二、App 用法演示

通过演示 5 个 已经从主题功能转换成 Theme App Extensions 的 Apps 的用法,带大家了解 Shopify Theme App Extensions。

Shopify App 用法演示
Shopify 增强版主题 适用于所有官方推出的 2.0 主题 额外添加五十几项功能
Shopify 店铺用什么主题比较好?哪款主题更好用?Shopify增强版主题,添加几十项功能,支持一键开启或关闭。适用于所有Shopify推出的 2.0 版九款主题,减少插件安装,降低每个月的插件订阅费。访问查看具体内容与视频演示

三、创建过程演示

简单例子

<h2 class="center">hello from Shopify 万能钥匙</h2>

实用例子

以之前发布过的 “促销商品节省金额” 为例,展示以 App 的形式如何实现:

{% if product.compare_at_price > product.price %}
  <span class="badge price__badge-sale color-{{ settings.sale_badge_color_scheme }}" style="margin: 0;margin-top: -10px;">
    Save: {{ product.compare_at_price | minus: product.price | money_without_trailing_zeros }}
  </span>
{% endif %}

下一期内容

第 212 期【重磅更新】悬浮加购功能 最近浏览过的商品 购物车增销功能 Shopify 增强版主题 15.0.0 版本更新功能演示