在主题编辑器中:自定义首页添加分区氛围横幅

氛围横幅

一张宽幅氛围图,上面叠加文字,在分区之间营造氛围。

选择留有安静区域放文字的图片,并相应地把文字色调设为浅色或深色。

设置

图片

图片
图片
或使用合集中的图片
产品系列仅在上方未选择图片时使用。
手机图片
图片可选。为窄屏提供不同的裁切。
视频
视频文件选择视频后,它将取代图片,并且仅在滚动到视野内时开始播放。图片保留为封面。
手机视频
视频文件可选。留空时,手机上显示常规视频。
图片焦点
选项: 图片的焦点、居中、顶部、底部默认: 图片的焦点

形状

电脑上的形状
选项: 全景(21:9)、电影(5:2)、宽幅(16:9)默认: 电影(5:2)
手机上的形状
选项: 竖向(4:5)、方形、宽幅(16:9)默认: 竖向(4:5)

图片上的文字

标题
文本可选。将所有文字字段留空,则仅显示图片。
简短文字
文本
按钮文字
文本可选。按钮还需要设置链接。
按钮链接
链接
玻璃按钮
滑块,0 到 90 %默认: 0 %0:普通实心按钮。大于 0:带细亮边的深色半透明玻璃,适用于图片上的按钮。数值越大越深。
文字对齐
选项: 起始、居中、末尾默认: 居中
文字在图片上的高度
选项: 顶部、中部、底部默认: 中部
文字颜色
选项: 浅色文字、深色文字默认: 浅色文字
图片遮罩
滑块,0 到 70 %默认: 0 %图片上的深色薄纱,让文字更易阅读。零表示没有。
文字不透明度
滑块,20 到 100 %默认: 100 %图片上的标题和文字。100% 为完全不透明;数值越低,图片越能透出。按钮保持不透明。
每个分区共有的设置窗格、滚动、间距、颜色、文字样式

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

窗格

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

滚动

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

间距

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

颜色

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

文字样式

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

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