第 211 期 Shopify App 开发之 Theme App Extensions 简单指南
一、是什么 & 优势
Shopify Theme App Extensions 从字面意义上理解,是 Shopify 主题 App 形式的扩展。它不是主题功能,而是一种 App block。
![Shopify 后台 App 设置](https://shopify2006.com/content/images/2024/06/Shopify----App---.webp)
有什么优势
- 无需编辑代码。它可以以 App 的形式直接安装到店铺中,而无需 Shopify 个人卖家或运营手动添加代码。
- 不依赖于主题。即使升级主题甚至更换主题,也能继续使用。不局限于某一款主题,兼容性更好。
- 加载速度快。Shopify 直接托管,可以像店铺主题一样,从 Shopify 服务器加载,而不用从第三方 App 服务器加载。
二、App 用法演示
通过演示 5 个 已经从主题功能转换成 Theme App Extensions 的 Apps 的用法,带大家了解 Shopify Theme App Extensions。
![Shopify App 用法演示](https://shopify2006.com/content/images/2024/06/Shopify-App-----.webp)
Shopify 增强版主题 适用于所有官方推出的 2.0 主题 额外添加五十几项功能
Shopify 店铺用什么主题比较好?哪款主题更好用?Shopify增强版主题,添加几十项功能,支持一键开启或关闭。适用于所有Shopify推出的 2.0 版九款主题,减少插件安装,降低每个月的插件订阅费。访问查看具体内容与视频演示
![](https://shopify2006.com/content/images/2023/08/Shopify-enhanced-theme-manual.webp)
三、创建过程演示
简单例子
<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 版本更新功能演示