首页编辑 – Shoptop帮助中心

概览：本篇文章将为您介绍Shoptop汽配主题的店铺装修首页卡片功能使用步骤及应用场景；以下为首页所有的卡片和主题组件汇总！

通知栏	多列	滚动栏	博客专题	图文	专辑列表	单图片	联系表
页头	促销卡片	链接列表	推荐专辑	邮件订阅	幻灯片	视频	自定义HTML
logo列表	文本图标	地图	FAQ	拼贴画	富文本	专辑展示（图片）	页尾

路径：「网站设计」>「编辑」>「首页」>「左侧栏组件」

【通知栏】组件通常适用于用于提醒关于特定内容更新、活动或其他重要信息的通知，如重要更新通知、促销和优惠活动宣传、预约通知发送以及个性化推荐服务等

内容编辑：左侧选择【通知栏】组件，右侧可对组件自定义设定通知、位置和链接
订阅：可设置订阅按钮和点击按钮展示的内容

【页头】组件是网站设计中常见的元素之一，通常位于页面的顶部，一般包含网站的主要信息和导航选项

置顶页头：可设置粘性页头，在页面滚动时保持页头置顶
LOGO：可设置LOGO在PC端和移动端的宽度
语言选择器：可设置启用语言选择器（注：您需要在应用市场开启店铺多语言切换，以查看展示效果，您可以查看店铺多语言切换，这将帮助您了解如何开启相关设置。）
导航内容：可设置PC端和移动端导航内容，包括菜单按钮展示形式、位置、展开时机，社交媒体显示
搜索：可设置移动端搜索按钮缩小，搜索结果显示导航菜单以及搜索展示标签下拉框

【logo列表】组件通常适用于所有需要上传展示图片且支持点击跳转的场景，如展示品牌或合作伙伴LOGO的元素等

内容编辑：左侧选择【logo列表】组件，右侧可对组件自定义设定标题及按钮名称
链接：可设置按钮和对应logo图片的的指定链接页面
边距：可以调整该组件的上边距距离

【多列】组件通常适用于展示图片+标题+内容描述的场景，每行数量可展示4个，每个文本卡片支持自定义设置内容及文本内嵌链接跳转

【促销卡片】通常用于推广产品和促销，吸引客户的注意力，提高销售，以及增加客户参与度和满意度。这些卡片包含图像、文本和链接，以便与顾客进行互动。

支持您选择是否开启撑开卡片或图片，若开启，卡片整体会根据设备自适应宽度撑开，图片也将发生变化
促销卡片高度您可选择调整为：较小、普通、较大
卡片内容支持您自定义设置图片、活动标题、活动介绍、按钮内容和卡片链接跳转
卡片您可以选择是否开启阴影及调整透明度、背景色、内容颜色、按钮背景色、按钮内容颜色
指定卡片的内容位置支持您自由调整为底部（左中右）、中间（左中右）、底部（左中右）

【文本图标】通常适于清晰地传达重要信息，例如特价促销、产品特点、优惠活动或重要公告等场景。shoptop支持横幅动态的形式呈现顾客眼前，吸引顾客关注。

文本图标整体卡片支持您选择开启或关闭移动端禁止滚动的效果
对应内容里也支持您自定义上传图片或shoptop提供的个性图标、标题、内容

【滚动栏】可用于突出特色产品或促销活动展示，shoptop支持该组件动态滚动在店铺的固定位置；有助于突出店铺的特定信息、吸引顾客的注意力

滚动栏组件整体支持您自定义调整文字尺寸、上下间距、滚动速度、内容间距及整体边距；同时也支持您修改卡片整体的背景色、滚动方向及是否铺满全屏
该组件的内容共有4个，分别是Text文本内容、Icon图标、Logo图片、Button按钮
组件下的每个内容都将支持您自定义设置各项内容并嵌入链接进行跳转

【链接列表】用于在独立站的装修中提供导航、详细信息、页面突出、内容推广和交互等多种情境；便于顾客浏览进行页面快捷跳转

该组件支持您自定义设置标题和链接名称内容、调整整体的边距值及选择是否开启整体自适应设备撑开的按钮
组件下的所有链接内容都将支持您自定义设置名称和嵌入链接进行快捷跳转

【地图】用于显示位置、提供导航、展示服务区域、分店地址、经销商地址等场景；在独立站中展示店铺位置，利于帮助顾客找到并前往您的实际位置

在使用改组件时，您需提前获取正确的Google Maps API key添加至右侧的编辑框里
该组件整体支持您自定义设置地图标题、定位按钮内容、图片选择；同时也可设置是否开启被允许拖动和显示空间按钮
每个地图下的内容支持您自定义设置名称、详细地址、营业时间及地图地址的内容

【博客专题】用于默认展示shoptop管理后台已经分类好的博客专题内容，便于顾客快速了解企业的博客内容

支持您选择调整博客的展示个数和上边距；自定义设置标题和右侧链接内容
您也可选择是都开启显示作者、日期、摘要的按钮

【推荐专辑】将跟随Shoptop管理后台的商品分类专辑绑定后默认展示，便于顾客了解系列商品，点击某一专辑可直接跳转至该商品的详情页面。

该组件支持您自定义设置标题、链接标题内容及嵌入链接的指向地址
您可以选择调整该专辑的展示数量、布局样式（垂直、横向、拼接）、整体的边距调整
该专辑展示也支持您选择是否开启禁止滑动和快速购买的按钮

【FAQ】通常可用于帮助顾客自助获取商品及店铺信息等支持，快速浏览和查找他们可能遇到的常见问题和解答；对提升用户体验和网站的整体效率有着积极的作用

该组件分别有问答标题和问答两个内容模块，您可以按需增加或减少模块内容；同时也设有上下两个问答区域，您可以按需选择是否开启显示额外信息的按钮
支持您自定义设置不同模块的标题、内容；下方的问答区域可以按需更改不同内容的图标展示

【图文】通常用于图片+文字+按钮+链接跳转的场景展示

该组件将支持您自定义设置图片、标题、内容、按钮文字及设置按钮的跳转指向链接
您可以选择调整图文的左右布局及占比比例

【邮件订阅】组件布局站点内利于提升顾客的询盘转化，建立客户关系

该组件支持您自定义设置标题和描述内容，也可根据店铺整体风格配置背景及内容的颜色

【拼贴画】组件可以创建自定义的产品拼贴，将多个产品图像或选项组合在一起，以更好地了解产品的外观和搭配；帮助更好地了解和定制产品等。

该组件整体支持您更改设置图片高度（较小、普通、较大）和上边距距离
拼贴画下的图片内容也支持您自定义设置图片、标题、内容、标题内容；包括整体颜色
可以根据店铺整体风格选择是否开启阴影按钮及调整阴影的透明度、内容位置布局

【专辑列表】可用于绑定Shoptop管理后台的多个专辑分类直接展示，便于顾客更方便快速的了解系列商品及详情页购买

该组件整体支持您自定义设置标题、右侧链接内容及指定标题的链接嵌入；专辑图片的形状可以更改为原形或方形，产品标题可选择是否展示
该组件下的每个专辑内容都将支持您自定义选择绑定某个专辑；也可在未进行专辑分类的情况下，在右侧添加备用图片和备用链接跳转展示

【幻灯片】通常可用于网站的Banner或横幅等其他多种场景的设计

该组件整体可统一调整图片尺寸（原图/较小/普通/较大）、切换效果（渐变/切换）及幻灯片是否开启自动轮播和轮播时间间隔速度
幻灯片下的每一张内容都支持自定义设置指定图片（PC/移动）、图片标题、图片内容和按钮内容；也可调节每张幻灯片阴影透明度及选择是否开启阴影按钮和对应的指向链接嵌入
标题内容和按钮可根据整体风格调整位置布局，包括不同内容和背景色的调节