跳转至主要内容

融会贯通

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

点击这里查看 带字幕 视频教程

本期 YouTube 链接

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

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

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

效果示例

Shopify 产品系列色块筛选

设置方法

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

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

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

创建 Shopify 元对象
添加 Shopify 元对象条目
通过元字段引用元对象
设置元字段
添加筛选条件

额外提示:

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

官方参考文档

第 143 期 一元开店 低成本拥有你自己的 Shopify 店铺
打造属于自己的Shopify网店,无需任何编程技能。这个网址提供了一键式 Shopify 店铺搭建服务,只需低成本就可以立即拥有属于自己的专业电子商务平台。限时福利:既可用于创建新的店铺,也可以创建测试店铺(例如免费试用插件 APP 等),避免测试插件时代码残留在主题中,拖慢店铺网速。