店铺设置
多语言多货币
包括从右到左布局的中东市场,以及阿拉伯语翻译。 点击此处 查看视频教程。 官方教程 管理语言 设置当地货币 常见问题 如何为网站添加语言 / 货币选择器? 点击此处 查看教程。受欢迎自定义产品筛选方式
在配置产品信息时,我们可以添加库存、价格,尺码、颜色等分类信息。然而在合集页中,默认情况下只有 Availability 和 Price 两种筛选方式,如何添加其它方式呢? 添加更多筛选方式 安装 Shopify 官方开发的 Shopify Search & Discovery 安装后,页面会自动导航至配置界面首页 滚动到底部,点击 功能概述 中的 编辑现有的筛选条件 点击右上角 添加筛选条件 添加新的筛选方式 点击 源, 在下拉菜单中选择您需要筛选的属性即可 稍等几分钟再刷新页面,就能看到新的筛选方式了少数读者在其它变体标签下显示变体图片
默认情况下,变体图片会在 Color 标签下显示,这是最符合语义的。 但实际上我们可能会用 Style 之类的标签代替 Color, 进而导致变体图片选项不再出现。这时,我们需要通过以下方法来达到最初的目的。 配置方法 这里我们以 Style 标签举例。 从 Shopify admin 中找到您想要编辑的 Zalify 主题模板 点击 自定义 左边的 三个点 图标展开更多功能 点击 编辑默认模板内容 进入模板默认固定文案的编辑界面 在 General - Label - Color 下将输入框内容改为 Color,Colour,Style 即可 常见问题 为什么操作了之后仍然不显示变体图片选项?少数读者媒体素材分组
默认情况下,产品的 媒体素材 会按后台配置的顺序逐一展示,但对于有多个变体的产品而言,素材总量可能会很多,从而影响用户体验。 Shopify 本身并不支持变体分组,因此我们制定了一套规则以实现该功能。 配置方法 在 Shopify admin 的左侧导航栏中找到 产品 进入您要编辑的产品,在 媒体文件 选项卡中点击任意素材,展开其详细信息 在信息数据底部找到 添加替代文本,并按照以下规则填入识别码即可 格式要求 参考格式: 变体名 变体值 例如现在我们有一件产品,它的 Co少数读者自定义产品标签
配置方法 在 Shopify admin 的左侧导航栏中找到 产品 进入您要编辑的产品,在 标签 选项卡中按以下格式添加标签即可 常见问题 如何编辑自定义标签的颜色? 从 Shopify admin 中进入您想要编辑的 Za少数读者
产品
多件折扣
由于 Shopify 的约束,我们无法在产品被添加到购物车之前展示折扣价,为了弥补这一缺陷,我们结合 元字段 和 折扣 开发了这一功能。 配置方法 配置元字段 点击 Shopify admin 左侧导航栏中的 设置 点击 自定义数据 进入元字段编辑界面 点击 元字段 选项卡中的 产品 点击 添加定义 添加一个元字段配置 设置 名称 为 Bundles 设置 命名空间和密钥 为受欢迎免费赠品
功能介绍 这是产品详情页 产品页面 分区的一项功能,目前只支持配置一件产品,如果需要配置多个,请 联系我们。 配置流程 配置 discount部分读者尺码表
尺码表是电商网站中十分常见的一项功能。对于简单的尺码表,我们可以为产品描述添加一张表格,但在遇到特别复杂的表格时,表格可能不足以实现效果。 为了弥补这一缺陷,我们允许用户将自定义页面作为尺码表的素材进行展示。 通过表格实现尺码表 在 Shopify admin 的左侧导航栏中找到 产品 进入您要编辑的产品,在 描述 编辑器中找到表格(通常会隐藏在 更多 中),点击其中的 表格 符号并点击 插入表格 即可在文字中插入 编辑完表格内容少数读者自定义推荐产品
在产品详情页中, You may also like 分区会根据 Shopify 的 算法 显示推荐产品。而在 产品页面 分区中,您可以通过 指定推荐产品 区块实现同样的效果。 配置方法 配置元字段 点击 Shopify admin 左侧导航栏少数读者You may also like
默认情况下 You may also like 分区会显示来自 Shopify 算法自动关联的推荐产品。有时,算法的结果并不能让我们满意,为此,有以下两种方法可以弥补。 为所有产品推荐固定的关联产品 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入产品详情页 找到 推荐产品 分区,在编辑界面中点击 手选推荐产品 选择自定义产品即可 为每一件商品指定自己的推荐商品 首先我们需要安装 Shopify 官方开发的 Shopify Search & Discovery 安装完成后,页少数读者媒体素材展示效果
在大图两侧显示上、下张图的边缘 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入产品详情页,选择 产品页面 分区 在分区编辑面板中,勾选 在移动端开启 Peeking 轮播效果 选项即可 隐藏缩略图及翻页器 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入产品详情页,选择 产品页面 分区 在分区编辑面板中,取消勾选 在移动端显示缩略图 选项,再勾选 隐藏移动端分页器 选项即可少数读者在 Product content 分区中显示第三方插件
产品内容 是产品详情页中的一个固定模块,该模块不仅可用于显示商品介绍、自定义文案、用户评论等信息,也可以显示来自第三方插件的分区。 配置方法 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入产品详情页 找到 产品内容 分区,并添加一个 应用内容 区块 在区块编辑面板中,输入 标题, 标题 是必填项 同时,再添加一个第三方插件区块。此时该插件会在刚才少数读者快速购物弹窗
当页面内容较为丰富时,快速购物弹窗可以让移动端用户在不回到顶部的前提下,快速选择想要的变体、购买数量并直接下单。 配置方法 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入产品详情页,选择 产品页面 分区 在分区编辑面板中,勾选 在移动端上以粘性布局显示 “快速购买” 而不是 “添加到购物车” 即可少数读者
常见问题 ❓
为什么我设置了变体图片但是不展示?
提问:这个位置选择了产品图片,为啥不展示啊? 回答:因为你这里的变体叫 Style 不是 Color。特色为什么装上主题后我的评论插件(或其他第三方插件)不显示了?
在 Shopify online store 2.0 之后,所有插件都改为 app blocks 或 app embed 的安装规范, 详情请看 Shopify 官方文档 来到主题编辑器,检查 app embeds 是否开启 如果没有开启,可以尝试开启,保存。然后看看问题是否解决了。 检查 app blocks 是否添加到模版中了 基本上适配了 Shopify online store 2.0 的插件,都提供了 app blocks 的安装特色自定义元字段动态文案
元字段 允许用户根据开发者的配置要求扩展更多丰富的功能,事实上除了约定的方式外,也允许用户自行扩展。 例如,在产品详情页中,如果我们想要为 产品页面 分区中的 列 区块配置动态文案,该如何实现呢?此时我们需要学会元字段的巧技。 配置元字段 点击 Shopify admin 左侧导航栏中的 设置 点击 自定义数据 进入元字段编辑界面 点击 元字段 选项卡中的 产品 点击 添加定义 添加一个元字段配置 设置 名称 为 Product recommendat少数读者怎么给不同产品配置不同的视频气泡?
定义产品 Metafield 打开设置 → 客户数据 → 元数据 → 产品 添加定义,取名为 video bubble preview video,填写信息,类型选择文件 → video (https://storage.crisp.chat/users/helpdesk/websi少数读者Zalify 主题升级时丢失页面的解决方案
先说原因 出现这种问题的主要原因是 旧的模板使用了不兼容的第三方组件,要解决这个问题只能移除第三方组件 我们假设 产品页面丢失了 我们去到旧的版本,点击 Edit code 在 templates 目录找到丢失的页面,例如我们这里是 产品页 对应的是 product.json, 然后复制丢失页面的 内容 去到新的Zalify版本(就是丢失页面的版本),点击 Edit Code。我们发现 这里竟然没有 product.json。然后我们在 Templates 目录 随便找个 json 文件,然后粘贴覆盖刚刚在旧模板复制的内容。注意 这里是覆盖原来的内容。 保存,然后我们就可以看到报错了少数读者怎么使用 Custom CSS 调整产品标题的字号?
例子:怎么调整产品标题的字号? 在产品页模板里面的 -product page -Custom CSS 加上这段代码 保存 举一反三,给别的页面元素做一些样式调整 打开开发者调试工具,使用快捷键 Ctrl+Shift+I 或 F12(Windows)或 Cmd+Opt+I(Mac) (https://storage.crisp.chat/users/helpdesk/website/4071b8d40f5d1c00/image1js少数读者为什么模板编辑器找不到主题模板?
这样的问题通常是因为模板中的某个分区使用了已删除的图片或视频,其中反馈次数最多的是 “视频气泡” 分区。 可惜的是由于无法进入编辑器,所以我们只能通过修改代码来解决这个问题,以下是具体步骤: 进入 Shopify admin 中的 “模板” 页面 找到 “配置” 文件夹里的 “settingsdata.json” 文件 搜索 “video-bubble” 关键词,找到 “视频气泡” 的配置代码 (https://storage.crisp.chat/users/helpdesk/website/4071b8d40f5d1c00/ishot2023-08-少数读者
分区
超级菜单
配置方法 首先,您需要通过使用 Shopify 的原生菜单界面来定义您的菜单结构,从而创建下拉菜单。您可以通过 官方文档 了解更多关于「如何创建菜单和下拉菜单」的信息。 为了正确使用 超级菜单栏, 您需要设置一个三级结构。 默认情况下,主题将以传统方式显示您的下拉菜单,要将其转化为超级菜单,需要: 从 Shopify admin (https://help.shopify.com/zh-CN/manual/s部分读者语言、货币选择器
显示在导航栏中 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,选择 导航栏 分区 在分区编辑面板中,勾选 显示语言选择器 即可开启语言选择器,勾选 显示国家、地区选择器 即可开启国家地区选择器 显示在页脚中 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,选择 页脚 分区 在分区编辑面板中,勾选 显示语言选择器 即可开启语言选择器,勾选 显示国家、地区选择器 即可开启国家地区选择器少数读者倒计时
准备工作 什么是结束时间? 结束时间支持带时区并支持如下格式: 不带时区 2023/09/11 00:00:00 带时区(建议) 2023/09/11 00:00:00+0800 例子 Pacific/Midway,少数读者视频气泡
让用户可以在店铺的右下方预览精选视频,从而让他们更好地了解您的产品。 配置方法 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,选择 视频气泡 分区 启用 该分区即可 注意少数读者底栏
您可以将版权声明,及部分导航链接放入底栏,以提升页脚的整洁性。 配置方法 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,选择 页脚 分区 在分区编辑面板中,勾选 底栏 里的 启用 即可 编辑内容 编辑固定文案 在分区编辑面板中,编辑 内容 内容即可修改固定文案。 编辑导航链接 在 Shopify admin 的左侧导航栏中找到 网站导航 在 菜单 面板中点击 添加菜单 随后您可以创建 标题 和 菜单项 保存后再次进入底栏的少数读者添加第三方插件分区
配置方法 下面我们以「在产品详情页中添加 Ryviu 插件的 Product Reviews Widget」为例。 首先我们需要安装 Ryviu 应用 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入产品详情页 点击 添加分区 添加 Product Reviews Widget 即可 (https://storage.crisp.chat/users/helpdesk/website/4071b8d40f5d1c00/third-party-app-section-samplehph99c.pn少数读者视频轮播
分区配置说明 Heading:标题 Subheading:副标题 Type:分区呈现类型,可选 纯视频, 包含产品的视频 两种 视频区块配置说明 Video cover image:视频封面图片 Preview video:未展开时播放的视频,推荐使用 5 秒无音频的短视频,容量控制在 500kb 以内 Main video:点击后播放的视频 Avatar:分区 类型 为 包含产品的视频 时所呈现的产品缩略图 纯视频模式 从 Shopify admin (https://help.shopif少数读者
模板设置
PayPal Express Checkout
除了在 Shopify admin 后台 开通 PayPal 支付外,我们也可以在 Shopify 后台生成 Client ID,并将其与主题绑定,实现更丰富的支付方式。 配置方法 参考 该教程 获取 Client ID 从 Sho部分读者自定义变体颜色色块
准备工作 在正式进入配置步骤前,首先需要您掌握什么是 HEX 色码。 HEX 色码 HEX 色码是以十六进制来表示不同颜色的一种方式。 我们日常使用的进制均为十进制,即 0 - 9 为个位,从第 10 开始进一位。而十六进制则是从第 16 位开始进位,由英文字母 A - F 代表第 10 - 15 位。 例如 FF0000 代表纯红色,其中开头的 FF 代表 RGB 中的红色部分,且浓度最大;中间的 00 代表 RGB 中的绿色部分,浓度最浅;末尾的 00 代表 RGB 中的蓝色部分,浓度也是最浅。部分读者支付通道图标
在使用 Shopify Payments 作为支付平台时,主题会自动获取已开通的支付方式,并在 页脚 分区中进行渲染。 但若您对接了第三方支付平台,自动渲染将不会生效或出错,好在您仍然可以手动配置收款方式。 配置方法 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入 模板设置 板块,找到 收款方式 点击输入框下方的部分读者防偷窥
该功能是为了保护网站内容不被盗用或复制而设计的,包括禁止右键、屏蔽中文浏览器等功能。这些技术措施旨在提高网站的安全性和保护知识产权,同时提供更好的用户体验。 配置方法 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入 模板设置 板块,找到 一键开关功能 根据自己的需求开启相关功能即可 已支持的防偷窥功能 Block right mouse click:禁用鼠标右键 Block Chinese browser:禁止中国的浏览器访问 Block IPs in China and Hong Kong:禁止来自中国和香港地区的 IP 访问 Block peers to view best-少数读者显示第三方用户评分插件
配置方法 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入 模板设置 板块,找到 产品 勾选该面板下的 显示产品评分 选项 在下方的 从……显示产品评分 选项中选择一个第三方评分插件即可 常见问题 为什么产品详情页没有显示产品评分? 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入产品详情页,选择 产品页面 分区 在编辑面板中找到 显示产品评分 并勾选即可少数读者产品卡片样式
调整产品标签位置 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入 模板设置 板块,找到 产品 在分区编辑面板中,找到 产品标签位置, 选择您想要的位置即可 限制产品变体图片的显示个数 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑少数读者免邮价格
针对单一货币设置免邮价格 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入 模板设置 板块,找到 购物车 在分区编辑面板中,找到 免费送货的最低金额, 输入免邮价格即可 针对多货币设置免邮价格 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入 模板设置 板块,少数读者变体预览效果
修改产品卡片中的变体预览效果。 配置方法 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入 模板设置 板块,找到 产品 找到该面板下的 颜色显示模式 选项,选择您想要的显示效果即可 变体选择器效果 修改快速购物弹窗中的变体选择器效果。 配置方法 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入 模板设置 板块,找到 产品 找到少数读者设置 Google Fonts 字体
除了 Shopify 自带的字体外,我们也可以展示来自 Google Fonts 的字体。 配置方法 打开 Google Fonts 官网,复制您想要添加的字体名称,例如 Roboto Slab 从 Shopify admin 中进入您想要编辑的 Zalify 主题模板 在编辑模式中,进入 模板设置 板块,找到 文字排版 在 Google 字体 输入框里粘贴刚才复制的字体名称即可少数读者