在主题编辑器中:自定义首页添加分区主推商品

主推商品

在页面上直接展示一个产品的图片和购买所需的一切:选项、数量和按钮。

每个部分都是一个块。删除不需要的,或者添加“自定义 Liquid”块来放置特别内容。

设置

常规

商品
产品
更多商品
多个产品最多再添加 5 个可切换的商品。下一个商品会从照片后面露出,下方有圆点。留空:一个商品。
版本
选项: 浅色、深色默认: 浅色浅色:页面背景上的白色卡片。深色:采用主题深色的舞台,商品后方有柔和的光。

媒体

图片形状
选项: 竖向(4:5)、方形默认: 方形
桌面端图片位置
选项: 自动:与上方版块相对、起始侧、末尾侧默认: 自动:与上方版块相对在手机上,图片始终位于详情上方。自动:当上方版块同样是图片位于文字旁时,图片会放到另一侧,使相邻版块交替排列;否则图片位于起始侧(希伯来语中为右侧)。
图片之间的箭头
开启或关闭默认: 开启商品的所有媒体,包括视频和 3D 模型(如有)。
图片上的徽章
开启或关闭默认: 开启

详情

详情对齐
选项: 起始侧、居中默认: 起始侧
每个分区共有的设置窗格、滚动、间距、颜色、文字样式

窗口、滚动、间距和颜色设置在每个分区中都以相同方式工作。了解它们如何工作。

窗格

拼接
选项: 独立窗格、与上方窗格拼接、与下方窗格拼接、上下都拼接默认: 独立窗格
图片圆角
选项: 圆角、直角默认: 圆角

滚动

滚动时被下一个区块覆盖
开启或关闭默认: 关闭向下滚动时,此区块停留在页眉下方原位,下一个区块从其上方升起覆盖。向回滚动则相反。在编辑器中、对要求减少动态效果的访客以及屏幕很矮时关闭。

间距

为此分区自定义间距
开启或关闭默认: 关闭关闭:使用主题设置中“布局”下的分区间距。开启:在此分区上方和下方使用此处的值。在移动端,大多数分区使用这些值的 65%。
上方间距
滑块,0 到 120 px默认: 40 px
下方间距
滑块,0 到 120 px默认: 40 px
内容宽度
选项: 窄、标准、宽、全宽默认: 标准

颜色

配色方案
配色方案与页面方案相同:分区位于页面背景上。其他方案会让分区拥有自己的背景,如同框内的一张卡片。下方的自定义颜色优先于方案。
为此区块使用自定义颜色
开启或关闭默认: 关闭否则该区块使用主题颜色。
背景
颜色默认: #F1F1EF
文字
颜色留空:自动。深色背景上用浅色,浅色背景上用深色。
背景样式
选项: 纯色、灯光舞台默认: 纯色灯光舞台:自上而下的柔和光线,向下逐渐减弱,由分区颜色生成,浅色或深色均可。深色时文字和按钮会自动变亮。
光线颜色
颜色来自顶部中央的柔和光线。留空:白色。

文字样式

为此区块自定义文字样式
开启或关闭默认: 关闭否则该区块使用主题样式。Shopify 字体不包含希伯来文,因此您可以在适用于希伯来文的样式中选择。
标题样式
选项: 主题默认、细体、粗体、衬线体默认: 主题默认
标题大小
滑块,70 到 160 %默认: 100 %
标题颜色
颜色留空:自动,使用区块颜色(深色背景上为浅色)。
文字样式
选项: 主题默认、细体、粗体、衬线体默认: 主题默认
文字大小
滑块,70 到 160 %默认: 100 %
文字颜色
颜色留空:自动,使用区块颜色(深色背景上为浅色)。

块

块是分区里的组成部分。在编辑器中可以添加、删除块,并通过拖动调整顺序。

应用块

已安装的应用可以在这里添加自己的块,例如应用提供的评价或尺码表。

这一部分没有自己的设置。

标题

常规

名称上方的小标题行
文本可选。留空:不显示该行。
显示供应商
开启或关闭默认: 关闭
描述

常规

描述长度(字数)
滑块,10 到 60默认: 28
文字

常规

文字
文本标题下方的简短描述。可以与商品字段关联。
价格

这一部分没有自己的设置。

购买选项

常规

一次性购买和订阅选项,适用于通过订阅应用销售的商品。没有此区块时,只有仅限订阅销售的商品才会在加入购物车按钮上方显示这些选项。

选项选择器

常规

样式
选项: 按钮、下拉列表默认: 按钮
颜色
选项: 颜色圆点、下拉列表默认: 颜色圆点仅用于颜色选项。其他选项按上方的样式显示。
尺码指南页面
页面有自己的“尺码指南”字段(custom.size_guide)的产品会显示该页面。否则显示此页面;若为空,则显示主题设置中的页面。
数量

常规

如果放在购买按钮区块的正前方,数量会与加入购物车按钮显示在同一行。放在其他任何位置时,数量会单独显示,并带有标签。

购买按钮

常规

“立即购买”按钮
开启或关闭默认: 开启只带着此商品直接前往结账,购物车保持不变。
动态结账按钮
选项: 钱包或 Shopify 的“立即购买”、仅钱包、关闭默认: 钱包或 Shopify 的“立即购买”购买按钮下方的 Shopify 按钮。在支付设置中启用了钱包时显示顾客的钱包(Shop Pay、Apple Pay、Google Pay、PayPal)。开启“立即购买”按钮时,Shopify 自己的“立即购买”永远不会显示,因此只有一个。
支付快捷按钮
开启或关闭默认: 关闭bit、信用卡以及您添加的其他方式。加入购物车并前往结账。按钮本身在主题设置的“快捷支付按钮”中设置。
显示礼品卡收件人表单
开启或关闭默认: 开启让买家可以直接把礼品卡发送给他人。显示表单时,礼品卡不显示“立即购买”按钮和动态结账按钮,因为 Shopify 只在加入购物车时核对收件人信息。
商品页面链接

常规

链接文字
文本留空:“查看完整详情”。
自定义 Liquid

常规

自定义 Liquid
代码用于高级自定义和应用代码片段。

这里有内容与编辑器中看到的不一致?告诉我们,我们会修正指南。