版块与区块的区别
版块是页面上一个全宽行,版块竖向堆叠,可以重新排序、隐藏或删除。区块是版块内的一块内容,例如文字区块、图片、按钮或布局组。有些版块包含固定的区块集合(如顶部导航),而另一些版块则允许自由添加、删除和重新排序区块。
全局版块(出现在每个页面)
公告栏
页面顶部的细长促销横幅。您最多可添加 7 条独立公告信息,每条有各自的文字内容。消息循环有两种模式:滚动字幕(连续水平滚动)或幻灯片(独立切换,可配置 2 至 10 秒的间隔)。其他选项包括文字方向(从左到右或从右到左)、字幕消息间的分隔符、字体大小(10 至 30 像素)和色彩方案。每页最多添加 2 个公告栏。
顶部导航
主导航栏。包含五个固定区块,不可添加、删除或重新排序,只能配置:
- Logo:显示您商店的品牌图片。设置位置(左、中、右)、宽度(20 至 300 像素)、高度(20 至 300 像素)和内边距。
- 菜单:导航菜单。选择您在菜单中创建的菜单,然后设置水平位置、所在的顶部导航行(顶部或底部)、显示类型(抽屉式、巨型菜单或下拉菜单)以及下拉面板的色彩方案。菜单栏选项可在底部行后面添加全宽彩色条带。
- 搜索:打开商品搜索叠加层的搜索图标。设置水平位置(左或右)以及所在行。
- 购物车:带商品数量徽章的购物车图标。显示类型选项:抽屉式(侧边面板)、下拉菜单(顶部导航中的迷你购物车)或页面(跳转至完整购物车页面)。每种类型都有各自的色彩方案选择器。
- 本地化:多市场商店的国家和语言选择器。切换是否显示国家名称和国旗,并设置位置和行。
顶部导航级别的设置包括:吸附行为(滚动(智能吸附:向下滚动时隐藏,向上滚动时重新出现)、始终(永久固定在顶部)、缩小(滚动时缩小)或从不(随页面滚动))、宽度(页面约束或全宽)、色彩方案、上下内边距,以及自定义 CSS 字段。每页最多 1 个顶部导航。
页脚
每个页面的底部版块。您可以在页脚内自由添加、删除和重新排序区块。可用的页脚区块:
- 关于我们:品牌故事区域,包含您的 Logo、文字区块、联系信息和可选的布局组。支持方向、对齐、间距、宽度和内边距控件。每个页脚最多 1 个。
- 菜单:以链接列表形式显示的导航菜单。选择您在菜单中创建的菜单。每个页脚最多 1 个。
- 社交媒体图标:一排社交平台图标。支持的平台:Facebook、Instagram、Threads、X(Twitter)、TikTok、Snapchat、YouTube、LinkedIn、Pinterest、Tumblr、WhatsApp 和 Telegram。配置图标大小(12 至 64 像素)、间距(0 至 48 像素)、形状(无、圆形、圆角或方形)、形状填充样式(实色或轮廓)、容器大小(26 至 80 像素)、色彩方案(品牌色、单色或自定义颜色)和悬停效果(无、品牌色、缩放、上浮或透明度)。每个页脚最多 1 个。
- 支付图标:自动显示您商店中已启用支付方式的图标(Visa、Mastercard、PayPal、Stripe、Apple Pay 等),无需配置。每个页脚最多 1 个。
- 隐私链接:链接到您的法律页面(隐私政策、服务条款、退款政策、配送政策),从您的商店政策自动生成。设置字体大小(12 至 20 像素)和文字大小写(默认或全大写)。每个页脚最多 1 个。
- 版权信息:显示版权年份和您的店铺名称,可选择显示"由 Storeep 提供支持"一行。设置字体大小(12 至 20 像素)、文字大小写,以及是否显示 Storeep 归属说明。每个页脚最多 1 个。
- 文字、分割线和组:与其他版块中相同的布局组件。详情请参阅布局组件。
主页版块
主视觉
带有媒体背景(图片或视频)的全视口横幅版块。两种显示模式:单屏(一个背景)和分屏(两个媒体面板并排)。高度预设:小(视口高度的 50%)、中(70%)、大(90%)、全屏(完整屏幕高度)、图片(采用媒体的自然尺寸,使整张图片可见)或自定义(用户自定义百分比)。内容区块覆盖在媒体上方,支持与组相同的布局控件:方向、对齐、间距和内边距。可在媒体上方应用纯色或渐变填充的叠加层。当主视觉版块直接位于顶部导航之后且启用了透明顶部导航选项时,顶部导航将融入主视觉并使用其色彩方案。
精选商品
来自您商品目录的商品网格或轮播。来源选项:手动(您选择特定商品)、最新(最近添加的商品)或畅销(按销量排序的商品)。配置桌面列数(1 至 8)、移动端列数(1 或 2)、卡片间距、版块宽度和色彩方案。包含一个商品卡片区块,定义每张卡片的布局(图片、标题、价格、评分和购买按钮),以及网格上方或下方可选的文字和分割线区块。
幻灯片
全宽图片或视频轮播。每张幻灯片可以有自己的媒体背景、叠加层和内容区块(文字、按钮、组和分割线)。每个幻灯片版块最多 7 张幻灯片,每页最多 2 个幻灯片版块。仅在主页可用。
订阅通知
电子邮件订阅表单。显示模式:内联(嵌入页面)或固定(锚定在底角的浮动组件)。内部区块包括文字(标题和说明)、电子邮件输入字段(可选标签、占位符和隐私声明)、订阅按钮(图标或文字标签,可选合并至输入字段)、分割线和组。您还可以配置订阅成功后显示的成功标题和消息。
商品页面版块
商品信息
主要商品详情版块。包含商品媒体库(图片和视频)、商品详情区域(标题、价格、折扣徽章、变体、购买表单、WhatsApp 下单按钮和倒计时)以及商品描述区块。购买表单支持内联或弹窗布局、订单摘要切换、自定义标题和副标题文字、加入购物车和立即购买的自定义按钮标签、礼品留言功能,以及折扣到期倒计时。此版块在商品页面上是必要的。
相关商品
显示与当前商品相关商品的网格,基于相同分类或手动策划。使用与精选商品版块相同的商品卡片系统。
评价
显示当前商品的客户评价。包含评价摘要区块(平均星级、评价总数和可选的星级分布条)和评价表单区块(打开评价提交面板的按钮)。评价在发布前需经过审核。
落地页版块
落地页信息
落地页的商品销售版块。与商品信息版块类似,但针对专属销售页面进行了布局优化:在单一聚焦布局中结合了商品表单、媒体、描述和相关内容区块。此版块在落地页上是必要的。
分类页面版块
分类商品
分类页面的商品网格。显示的商品来自购物者导航到的分类。可配置桌面列数(1 至 8)、移动端列数(1 或 2)、卡片间距、排序选项、筛选侧边栏以及商品卡片布局。此版块在分类页面上是必要的。
搜索页面版块
搜索商品
搜索结果的商品网格。渲染与购物者搜索查询匹配的商品。使用与分类商品版块相同的卡片和网格配置。此版块在搜索页面上是必要的。
联系页面版块
联系我们
包含姓名、电子邮件、主题和消息字段的联系表单。您可以在表单上方或下方添加文字区块和布局组。提交按钮的标签和样式(主要或次要)可配置。提交的消息将发送到您的商店电子邮件地址。此版块在联系页面上是必要的。
所有页面均可使用的版块
文字
用于标题、段落或格式化内容区块的独立文字版块。每页最多 3 个文字版块。所有文字设置请参阅布局组件。
图片
独立图片版块。每页最多 3 个图片版块。配置宽度、对齐方式、宽高比(自动、竖向 3:4、正方形 1:1 或横向 4:3)、填充方式(覆盖或包含)、圆角、内边距以及可选的点击跳转链接。
分割线
水平或垂直分隔线。每页最多 10 个分割线版块。配置粗细、长度(占容器的百分比)、端盖样式(直角或圆角)、对齐方式、色彩方案、宽度(适应或填充)和内边距。详情请参阅布局组件。
常见问题
手风琴样式的常见问题版块。可添加任意数量的问答对。配置色彩方案、版块宽度和内边距。
自定义代码
用于原始 HTML、CSS 和 JavaScript 的版块。您的 HTML 将插入到页面上的唯一容器中。您编写的 CSS 会自动限定在该容器范围内,因此您的样式不会影响其他版块。JavaScript 在隔离的作用域中运行,仅以容器作为唯一引用,在页面内容准备就绪后加载,确保您的查询能正确解析。每页最多 2 个自定义代码版块。适用于嵌入第三方组件、自定义动画或标准版块无法实现的任何内容。