第 200 期 在产品系列筛选中展示 Color Swatch 色块

点击这里查看 带字幕 视频教程    本期 YouTube 链接

Shopify Dawn 以及其他 11 款 官方免费主题 从版本 12.0.0 开始新增了对产品系列展示 Color Swatch 色块作为筛选条件的支持，不论你用的是官方免费主题还是 增强版主题，都可以参照本期教程进行设置。

第 142 期 适用于所有 Shopify 推出的主题 增强版本 添加四十几项功能

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

Shopify BlogBeans

本期视频教程分享如何在 Shopify 产品系列中展示色块作为筛选条件，相比纯文字，颜色会更加直观。支持自定义色值的同时，也支持单独设置图片，后续会逐步介绍。

效果示例

设置方法

主要分为五个步骤，同时可以理解为，在观看并掌握本期视频教程之后，你将学会以下内容：

1. 创建元对象
2. 添加元对象条目
3. 添加元字段，引用元对象
4. 设置元字段的值
5. 添加和设置筛选条件

以上五个步骤分别对应的截图如下，具体操作参考视频演示：

额外提示：

1. 设置 Image 之后会覆盖颜色显示
2. App 中可以自定义筛选逻辑是 与 还是 或
3. 如果你的主题产品系列筛选布局为水平方向，可在主题编辑器中切换到产品系列页面，在产品网格中将布局改为垂直，即可显示在侧边栏。

官方参考文档

第 143 期 一元开店 低成本拥有你自己的 Shopify 店铺

限时福利：既可用于创建新的店铺，也可以创建测试店铺（例如免费试用插件 APP 等），避免测试插件时代码残留在主题中，拖慢店铺网速。

Shopify BlogBeans

Shopify 弹窗购物车中展示商品原价（划线价）和每件节省金额

在 Shopify 弹窗购物车中展示商品的原价和节省金额，能为买家提供更透明的购物体验。通过显示商品的原价和优惠折扣金额，买家可以更清楚了解自己的实际节省情况，有助于提高购买决心和转化率。

Shopify 增强版主题Shopify2006