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

通过 YouTube 观看本期 Shopify 教程

一、是什么 & 优势

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

有什么优势

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

二、App 用法演示

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

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 版本更新功能演示