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

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

一、是什么 & 优势

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 版九款主题，减少插件安装，降低每个月的插件订阅费。访问查看具体内容与视频演示

Shopify BlogBeans

三、创建过程演示

简单例子

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