独立站搭配Hero主题的详细安装教程!

独立站搭配Hero主题的详细安装教程!

安装

Hero主题的安装步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’
  2. 在“免费装修方案”中找到Hero主题并选中,点击‘添加到列表’
  3. 在“最近添加”中找到Hero主题,点击‘编辑’进入到主题装修界面
  4. 确认装修完成后,点击‘发布’,选择确定后,显示‘保存成功’,则完成安装

提示:发布后的主题将在“当前使用的店铺”下显示


升级

Hero主题的升级步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’
  2. 在“当前使用的店铺”中点击‘操作’下拉框,点击‘升级’,选中‘升级’,显示‘主题升级完成’,则完成升级

提示:当选中‘升级’后,提示‘当前已是最新版本’,则说明当前版本为最新版本,不需要升级。此外,升级后的店铺需要发布才能被顾客看到


支持语言

Hero主题支持的语言种类:

  • 英文
  • 西班牙语
  • 法语语
  • 印度尼西亚语
  • 意大利语
  • 日语
  • 韩语
  • 荷兰语
  • 波兰语
  • 葡萄牙语
  • 俄语
  • 泰语
  • 繁体中文
  • 简体中文

Hero主题中切换语言步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’
  2. 在主题中点击‘操作’下拉框,点击‘编辑语言’,选中‘更换店铺语言’
  3. 选择所想要切换的语言,点击确定,切换语言成功

提示:确认更换后,你的在线店铺也会自动更换


支持插件

Hero主题支持的插件种类:

  • 满减活动
  • 限时促销
  • 优惠码
  • 弹窗公告
  • 浮窗通知
  • 满送优惠
  • 捆绑销售
  • Add to cart设置
  • 评论
  • 货币切换
  • 尺码表
  • 社交登录
  • Facebook Messenger插件
  • Google表单工具
  • 表单工具(自定义代码)
  • 会员系统

 


页头

路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页头’


页头布局

Hero主题中更换页头布局的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页头’->设置->布局
  2. 选择所想要的布局样式

 

提示:布局影响到的元素包括:菜单、搜索框、logo,PC端有四种样式;移动端只有两种样式


页头浮层效果

路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页头’->设置

 

Hero主题设置首页/专辑页浮层效果的规则:

  • 勾选‘开启页头置顶’按钮且勾选‘开启首页/专辑页头部蒙层效果’按钮


公告

Hero主题中设置公告的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘公告’->内容
  2. 添加‘公告’内容,并在‘文字’中输入公告显示文案
  3. 若只填写了‘文字’中的文案,而’‘移动端文字’没有输入文案,则PC端、移动端都展示‘文字’中的文案;若只填写了‘移动端文字’中的文案,而‘文字没有输入文案,则PC端不显示,移动端显示文案

 

提示:当添加两个以上的‘公告’内容后,公告栏自动滚动

 


菜单

Hero主题中设置菜单的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页头’->设置->导航菜单
  2. 添加菜单

 

Hero主题中添加菜单的步骤:

  1. 路径:网站后台->‘店铺装修’->菜单导航
  2. 添加菜单,设置菜单名称,菜单目录,保存


推广菜单

Hero主题中设置推广菜单的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页头’->设置
  2. 勾选‘在混合菜单中展示第一个商品’

设置推广菜单的规则:

  • 主菜单项为专辑
  • 开启展示该专辑第一个商品
  • 菜单具有下级菜单(即菜单为二级或三级菜单)


LOGO

Hero主题中设置Logo的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页头’->设置->Logo
  2. 添加Logo图片,设置PC端和移动端显示的Logo宽度

 

Hero主题中设置浮层Logo(即白色Logo)的规则:

  • 添加‘Logo’图片和‘白色Logo’图片
  • 勾选‘开启页头置顶’按钮且勾选‘开启首页/专辑页头部蒙层效果’按钮

 

提示:浮层Logo即开启蒙层和头部置顶后,头部所显示的Logo图片。此外,如果设置了白色logo没有开启头部置顶,则只会显示白色logo


社交媒体

Hero主题中开启社交媒体的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘公告’->设置
  2. 勾选‘开启社交媒体’
  3. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘社交媒体’
  4. 为相应的账号配置链接

 

 


页尾

路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页尾’


推广文案

Hero主题中设置推广文案的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘推广文案’
  2. 添加推广文案内容,配置图片、标题、文字、按钮标签以及链接、配色方案

 

提示:若不想在首页展示推广文案,只需要勾选‘不在首页展示’即可


邮件订阅

Hero主题中设置邮件订阅的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页尾’->邮件订阅
  2. 勾选‘开启邮件订阅’,添加自定义文案


弹窗

Hero主题中设置弹窗的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘弹窗’->设置
  2. 勾选‘开启弹窗’,设置弹窗出现的延迟时间、频率、标题、文字、配色方案,根据需要选择勾选’‘开启按钮’,添加按钮标签和链接

Hero主题弹窗中设置邮件订阅的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘弹窗’->设置
  2. 勾选‘开启邮件订阅’

提示:弹窗中的邮件订阅与页尾的邮件订阅以及邮件订阅卡片是相互关联的


小工具

小工具包含:联系电话、联系页面、聊天链接和社交媒体

 

Hero主题开启小工具的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页尾’->内容
  2. 在内容中添加‘联系与社交媒体’,配置小工具标题,添加电话号码、联系页面链接和聊天链接、自定义文字,勾选‘开启社交媒体’

 

提示:此处的‘社交媒体’与公告栏的社交媒体配置规则相同,都需要在全局配置中添加相应账号的链接

     


 

自定义版权

Hero主题自定义版权内容的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页尾’->‘底部附加内容’
  2. 勾选‘开启’版权,添加附加版权文案


隐藏条款菜单

Hero主题设置隐藏条款菜单的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页尾’->底部附加内容->隐藏条款菜单
  2. 添加菜单


页尾菜单

 

Hero主题设置页尾菜单的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页尾’->内容
  2. 添加‘导航菜单’内容,设置菜单标题,添加菜单


支付信息

Hero主题设置支付信息的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页尾’->内容
  2. 添加‘支付信息’内容,设置支付信息内容标题,添加支付方式的图标

语言

Hero主题底部设置显示‘语言’的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘页尾’->内容
  2. 添加‘语言’内容,设置语言内容标题

 

Hero主题底部显示多语言的规则

  • 后台应用市场添加‘店铺多语言设置’插件
  • 在插件配置项的‘显示位置’设置为‘底部’或者是‘顶部和底部’
  • 在底部添加‘语言’内容

Hero主题添加‘语言’功能的步骤

  1. 路径:网站后台->‘应用市场’-‘应用市场’->’运营工具’-‘店铺多语言设置’
  2. 选择‘店铺多语言设置’,选择‘授权并使用多语言设置’
  3. 根据需要选择是否开启插件、是否根据浏览器语言切换、添加语言,并配置按钮文案显示方式、显示的位置

卡片

Hero主题添加卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘添加卡片‘
  2. 选中相应的卡片,则卡片添加成功


高级布局

自定义内容

Hero主题配置自定义内容卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘自定义内容’
  2. 根据需要为自定义内容卡片设置全屏宽度、上下间距,并添加相应的内容
  3. 若添加的是图片,则为图片内容配置图片、图片跳转链接、宽度以及对齐方式;若添加的是自定义内容,则为其配置HTML脚本、宽度、对齐方式


HTML

Hero主题配置HTML卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘HTML’->HTML
  2. 输入HTML脚本

 


博客

博客

Hero主题配置博客卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘博客’->设置
  2. 配置卡片标题,添加博客专辑,根据需要勾选‘显示日期’、‘显示作者’,选择强制图片尺寸类型,勾选‘开启区域分割线’


专辑

专辑列表

Hero主题配置专辑列表卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑列表’->设置
  2. 配置卡片标题,添加专辑,根据需要勾选‘开启区域分割线’和上传图片

 

专辑封面图显示规则:

  • 若上传了图片,则图片为专辑封面图
  • 若没有上传图片,则显示专辑封面图或者是专辑下的第一个商品的封面图

 

提示:专辑列表卡片的显示风格受到全局配置控制(全局配置->设计->专辑细节),若需要设置显示封面图为专辑封面图还是专辑下的第一个商品的封面图,可通过此处设置


 

推荐专辑

Hero主题配置推荐专辑卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘推荐专辑’->设置
  2. 配置卡片标题,添加专辑,根据需要设置展示的商品数量和勾选‘开启“View all”链接、‘开启移动端滑动’、‘开启区域分割线’

 

提示:推荐专辑卡片的显示风格受到全局配置控制(全局配置->设计->商品细节,全局配置->设计->商品->商品细节)


 

图文

Hero主题配置图文卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘图文’->设置
  2. 配置图片、调节pc端图片宽度,根据需要配置副标题、文字、按钮标签和链接,布局,颜色方案、勾选‘开启区域分割线’

 

提示:图文卡片的图片在移动端无法配置,只会根据屏幕大小自适应


 

浮层图文

Hero主题配置浮层图文卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘浮层图文’->设置
  2. 根据需要配置浮层的副标题、标题、文字、按钮标签和链接,添加图片,选择图片焦点和布局调节卡片区域的高度

 

提示:若图片的大小不够,则图片焦点的部分选项效果会相同;若图片的高度小于浮层文字所占据的高度,则会为浮层自适应背景图片


 

Logo列表

Hero主题配置Logo列表卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘Logo列表’->设置
  2. 配置卡片的标题,添加Logo内容,上传图片并添加链接,根据需要勾选‘开启区域分割线’


推广

邮件订阅

Hero主题配置邮件订阅卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘邮件订阅’->设置
  2. 配置卡片的标题、文字,根据需要选择颜色方案


 

推广格子

推广格子是由图文、推广栏、图片、商品、促销专辑、精简图文等内容组合而成的一个用于推广的卡片

Hero主题配置推广格子卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘推广格子’
  2. 根据需要勾选‘全屏宽度’、‘添加顶部间距’、‘添加底部间距’,调节卡片间距
  3. 根据需要添加相应的推广内容

 

提示:

  • 当未开启全屏宽度时,调节卡片间距只对上下间距有效果;顶部/底部间距指的是卡片整体的顶部/底部间距
  • 促销专辑内容中,展示的封面图微专辑的两个最新商品图,如果添加的专辑没有商品没有商品,则不展示封面图,若只有一个商品则只展示一个封面图


幻灯

图文幻灯

Hero主题配置图文幻灯卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘图文幻灯’->设置
  2. 根据需要勾选‘全屏宽度’、‘自动切换幻灯’,调节卡片的PC端/移动端高度、幻灯导航风格和幻灯切换时间,添加图文幻灯内容
  3. 配置图文幻灯内容的副标题、标题、标题字号、文字、幻灯链接文字和幻灯文字链接、按钮背景颜色、按钮文字颜色和文字对齐方式,上传PC端/移动端图片、添加图片蒙层和选择图片焦点

 

提示:’PC/移动端高度调整’往左调节是变小,右边反之;若只设置了移动端的图片,移动端和PC端都不显示图片;若设置了PC端图片,没有设置移动端的,则PC端和移动端都显示PC端的图片


 

图片幻灯

Hero主题配置图片幻灯卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘图片幻灯’->设置
  2. 根据需要勾选‘全屏宽度’、‘自动切换幻灯’,选择幻灯导航风格和幻灯切换时间,添加图片幻灯内容
  3. 配置图片幻灯内容的图片链接,上传PC端/移动端图片

 

提示:若只设置了移动端的图片,移动端和PC端都不显示图片;若设置了PC端图片,没有设置移动端的,则PC端和移动端都显示PC端的图片


 

分割幻灯

Hero主题配置分割幻灯卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘分割幻灯’->设置
  2. 根据需要勾选‘全屏宽度’、‘自动切换幻灯’,调节卡片的PC端/移动端高度、幻灯导航风格和幻灯切换时间,添加分割幻灯内容
  3. 配置分割幻灯内容的副标题、标题、标题字号、文字、幻灯链接文字和幻灯文字链接、文字位置,上传图片、勾选‘图片缩进’,选择图片焦点和颜色方案


文字

FAQs

Hero主题配置FAQs卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘FAQs’->设置
  2. 配置卡片标题,添加内容,配置问题的标题、文字


 

富文本

Hero主题配置富文本卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘富文本’->设置
  2. 根据需要配置卡片标题、文字、按钮链接、按钮文字、文字对齐方式,勾选‘开启窄栏’、‘开启更大文字’、‘开启区域分割线’,选择颜色方案


 

精选评论

Hero主题配置精选评论卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘精选评论’->设置
  2. 根据需要配置卡片标题、文字对齐方式、颜色方案,添加‘精选评论’内容
  3. 选择图标类型,输入文字内容,上传作者图像,作者名字、作者信息


 

图文分栏

Hero主题配置图文分栏卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘图文分栏’->设置
  2. 根据需要配置卡片标题、文字对齐方式、颜色方案,勾选‘开启区域分割线’,添加‘分栏’内容
  3. 勾选’显示图片‘,上传图片,设置PC端图片宽度、标题、文字、按钮标签和按钮链接


 

视频

视频

Hero主题配置视频卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘视频’->设置
  2. 配置卡片的标题,视频链接,根据需要勾选‘开启区域分割线’

 


 

视频背景

Hero主题配置视频背景卡片的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘视频背景’->设置
  2. 配置卡片的副标题、标题、标题自豪、文字、按钮链接、按钮链接文字、按钮背景颜色、按钮文字、文字对齐方式,视频链接,视频封面图

 


 

商品专辑

配置商品专辑页面有两种路径:

  • 通过菜单选中专辑(菜单需要配置链接页面)

  • 网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘专辑详情’->‘卡片装修’


 

专辑页头

Hero主题配置专辑详情页页头的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑页头’->设置
  2. 勾选‘开启头部’

 

提示:专辑头部包括专辑封面图、专辑名称、页面路径

Hero主题配置专辑详情页封面的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑页头’->设置
  2. 勾选‘开启头部’、‘显示专辑封面’

 

提示:当关闭‘开启头部’时,专辑封面也会随之隐藏,‘显示专辑封面’按钮也会消失

 


 

子专辑

子专辑包括子专辑列表和子专辑内容

 

Hero主题专辑详情页子专辑列表展示的规则:

  • 当前专辑在自定义菜单中有配置下一级子菜单(菜单必须为系统自带的页头菜单)
  • 子菜单也是专辑
  • 子专辑位置选择‘在商品上方’或‘在商品下方’

Hero主题配置专辑详情页子专辑列表的步骤:

  1. 在自定义菜单中配置子专辑列表菜单
  2. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑详情’->专辑页面
  3. 选择子专辑位置

Hero主题配置专辑详情页子专辑内容的步骤:

  1. 在自定义菜单中配置子专辑列表菜单(菜单必须为系统自带的页头菜单)
  2. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑详情’->专辑筛选
  3. 勾选‘开启筛选’
  4. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑详情’->内容
  5. 添加‘子专辑’内容

 

提示:只有开启筛选,筛选内容(即子专辑、标签组合、所有标签、菜单)才能显示


 

筛选

筛选内容包括子专辑、标签组合、所有标签、菜单;其中,标签组合和所有标签支持开启多项筛选

Hero主题配置专辑详情页配置筛选的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑详情’->专辑筛选
  2. 勾选‘开启筛选’,添加筛选内容,根据需要勾选‘开启多项筛选’

 

Hero主题配置专辑详情页配置标签组合的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑详情’->内容
  2. 添加‘标签组合’内容
  3. 配置标签组合标题名字,输入要组合的商品标签名称,根据需要勾选‘折叠’

 

提示:标题列表里填写的是当前专辑里商品的标签

 

Hero主题配置专辑详情页配置所有标签的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑详情’->内容
  2. 添加‘所有标签’内容,根据需要勾选‘折叠’

提示:‘所有标签’中显示的标签需要在后台商品中按照规则添加标签,如标签Color_Red,Color会作为筛选标题,Red则作为筛选选项


 

排序

 

Hero主题配置专辑详情页配置排序选项的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑详情’->专辑筛选
  2. 勾选‘显示排序选项’


 

专辑描述

Hero主题配置专辑详情页配置专辑描述的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑详情’->专辑页面
  2. 选择专辑描述位置


 

布局

Hero主题配置专辑详情页配置布局的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘专辑详情’->专辑页面
  2. 选择默认商品布局的方式,设置每页显示的商品数量

 

提示:用户也可以根据需要自定也商品布局方式

 


商品封面图

Hero主题配置专辑详情页配置商品封面图的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->商品细节
  2. 找到‘鼠标滑上显示第二张商品图’,根据需要勾选‘鼠标滑上显示第二张商品图’


封面图尺寸

Hero主题配置专辑详情页配置商品封面图尺寸的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->商品细节
  2. 根据需要选择强制图片尺寸的比例


商品标题

Hero主题配置所有模块的商品标题的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->商品细节
  2. 根据需要选择商品标题显示的内容为标题还是副标题

提示:

  • 设置商品副标题的路径:网站后台->‘商品’->’商品管理->‘商品副标题’
  • 此处的‘商品标题’控制的范围包括所有有商品的模块

 


 

商品标题样式

Hero主题配置专辑详情页配置商品标题样式的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->商品细节
  2. 根据需要选择‘商品标题样式’,决定商品的显示样式,以及‘移动端隐藏标题’

提示:商品标题样式的影响范围包括所有商品列表中的商品(专辑详情、最近浏览、推荐商品、推广菜单、搜索推荐、搜索结果、博客推荐商品、推荐专辑卡片)


商品折扣

Hero主题配置专辑详情页配置商品折扣的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->商品细节
  2. 勾选‘开启折扣金额’,选择折扣金额风格,根据需要选择勾选‘开启折扣标签’


快速预览

Hero主题配置专辑详情页配置快速预览的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->商品细节
  2. 勾选‘开启快速预览’


快速购买

Hero主题配置专辑详情页配置快速购买的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->商品细节
  2. 勾选‘开启快速加购’


变体切换

变体切换指的是颜色变体切换,即选中某个变体选项时,图片也会随之切换

 

Hero主题配置专辑详情页变体切换的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->颜色切换
  2. 勾选‘开启专辑页颜色变体切换’

Hero主题配置专辑详情页变异切换的规则:

  • 后台商品详情中必须为变体配图
  • 配置变体名称,勾选‘开启专辑页颜色变体切换’

 

提示:变体切换的影响范围包括专辑页和首页的推荐专辑卡片


商品详情

配置商品详情页面有两种路径:

  • 通过专辑选中商品

  • 网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘商品详情’->‘卡片装修’

 


图集

Hero主题配置商品详情页图集的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘商品详情’>图集
  2. 根据需要选择图集的位置、尺寸、图片尺寸、所列图位置、勾选‘开启缩略图切换箭头’、移动端切换样式


 

移动端商品标题

Hero主题配置商品详情页商品标题的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘商品详情’->‘标题’
  2. 根据需要选择‘移动端商品标题样式’的效果

 

提示:此处的商品标题只控制移动端中商品详情页的商品标题

 


 

描述风格

Hero主题配置商品详情页描述的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘商品详情’->描述
  2. 根据需要选择描述风格


社交分享

Hero主题配置商品详情页社交分享的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘商品详情’->社交分享
  2. 勾选‘社交分享图标’
  3. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘社交媒体’->分享选项
  4. 根据需要勾选相应的社交分享按钮


变体样式

Hero主题配置商品详情页变体样式的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->商品页
  2. 根据需要选择变体选择风格


变体控制图片切换

变体控制图片切换即:选中某个变体选项时,展示的图片也会随着选中的变体选项切换

 

Hero主题配置商品详情页图片切换变体的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->商品页
  2. 在‘图片切换变体‘中填入变体名称

Hero主题配置商品详情页图片切换变体的规则

  • 后台商品详情中必须为变体配图
  • 在‘图片切换变体’中输入正确的变体名称

 

提示:如若一个商品有多个变体支持‘变体控制图片切换’功能,该商品只支持第一个变体控制图片切换功能(第一个变体指的是后台商品详情中添加的第一个变体,不是‘图片切换变体’中输入的第一个变体)


SKU

Hero主题配置商品详情页SKU的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->商品页
  2. 勾选‘开启SKU’

显示SKU规则:

  • 后台商品详情配置了SKU
  • 勾选‘开启SKU’

 


 

数量选择器

Hero主题配置商品详情页数量选择器的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->商品页
  2. 勾选‘开启数量选择器’

 


图片缩放

图片缩放即选择图片之后能够缩放图片查看商品细节

Hero主题配置商品详情页图片缩放的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->‘商品页’
  2. 勾选‘开启图片缩放’

 

 


 

售卖特点

Hero主题配置商品详情页售卖特点的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->售卖特点
  2. 根据需要配置卖点图标、卖点

 


颜色/缩略图切换器

配置颜色/缩略图切换器即为变体配置缩略图,影响范围包括商品详情页、专辑详情页、推荐专辑卡片等涉及商品变体的模块

 

Hero主题配置商品详情页颜色切换器的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->颜色切换
  2. 填入变体名称,勾选‘开启商品页颜色变体切换’,根据需要‘从图集中移除变体缩略图’,选择切换器样式、切换器尺寸

Hero主题配置商品详情页颜色切换器的规则:

  • 后台商品详情中必须为变体配图
  • 设置商品详情页颜色切换器,勾选‘开启商品页颜色变体切换’


自定义Tab页面

Hero主题配置商品详情页自定义Tab页面的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘商品’->自定义Tab页面
  2. 根据需要配置扩展内容链接


购物车

Hero主题配置购物车的路径:

  • 网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘购物车’


购物车类型

Hero主题中设置购物车类型的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘购物车’
  2. 点击‘购物车类型’,选择想要的购物车类型


商品推荐

Hero主题中设置购物车推荐的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘购物车’
  2. 选择想要推荐的专辑类型,若为‘从已选择的专辑’,则还需要添加想要推荐的专辑


买家留言

Hero主题中设置订单留言的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘购物车’
  2. 勾选‘开启订单留言’

提示:购物车的图标支持三种类型,具体更换路径在全局设置->设计->图标

 


博客

博客包括博客专辑页、博客详情页

 

Hero主题配置博客页的路径:

  • 网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘博客’->设置

 


推荐博客

Hero主题中设置推荐博客的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘博客’->设置
  2. 选择想要推荐的博客专辑,设置要显示的博客数量,根据需要勾选‘显示日期’、‘显示作者’,以及图片的尺寸比例

提示:若博客专辑的数量少于要显示的博客数量,则只会显示博客专辑现有的数量


推荐商品

Hero主题博客页面中设置推荐商品的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘博客’->设置
  2. 选择想要推荐的商品,设置图片的尺寸比例

提示:‘强制图片尺寸’会同时控制博客和商品的图片比


搜索

Hero主题配置搜索的路径:

  • 网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘搜索’

 


无刷新搜索

Hero主题中设置无刷新搜索(同步搜索)的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘搜索’
  2. 勾选‘开启搜索建议’

提醒:无刷新搜索功能只在头部搜索框中起效果


搜索推荐

Hero主题中设置搜索推荐的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘搜索’->搜索
  2. 勾选‘开启搜索建议’,添加想要推荐的专辑

 

商品推荐

推荐商品

Hero主题配置推荐商品的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘商品推荐’->设置
  2. 勾选‘商品推荐’,配置‘标题’名称

推荐商品显示的规则:

  • 当前商品的专辑具有其他商品
  • 其他商品没有售空、下架


最近浏览商品

最近浏览商品会出现在商品详情页、专辑详情页、购物车页中

 

Hero主题配置最近浏览商品的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘卡片装修’->‘最近浏览商品’->设置
  2. 勾选‘开启最近浏览商品’

 


 

颜色

路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘颜色’


常规

Hero主题中配置常规内容颜色的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局配置’->‘颜色’->’常规’
  2. 为网页的背景、文字、价格文字、折扣价格文字、线框、按钮背景、按钮文字、促销标签背景、促销标签文字、购物车圆点、购物车圆点文字、图片背景设置颜色


页头

Hero主题中配置页头内容颜色的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局配置’->‘颜色’->页头
  2. 为网页页头的背景、文字、搜索文本域设置颜色


页尾

Hero主题中配置页尾内容颜色的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局配置’->‘颜色’->页尾
  2. 为网页页尾的背景、边框、文字设置颜色


配色方案

Hero主题支持三种配色方案,具体应用在各个卡片里

 

Hero主题中配置配色方案的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局配置’->‘颜色’->颜色方案
  2. 配置颜色方案的背景、文字的颜色,以及纹理样式


版式

路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘版式’


标题

Hero主题中配置标题版式的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘版式’->标题
  2. 选择字体样式、字间距、基础字号的大小、行高、开启字母全大写


全局文字

Hero主题中配置全局文字版式的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘版式’->全局文字
  2. 选择字体样式、字间距、基础字号的大小、行高


导航

Hero主题中配置导航版式的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘版式’->导航
  2. 选择导航字体样式、字间距、导航字号的大小、开启字母全大写


设计

路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘设计’


角度

Hero主题中配置圆角度的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘设计’->常规
  2. 设置角度、按钮样式的角度类型


图标

Hero主题中配置图标的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘设计’->图标
  2. 设置购物车图标类型

提示:此处的购物车图标影响的就是页头的购物车


商品细节

Hero主题中配置商品细节的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘设计’->商品细节
  2. 设置商品细节样式和图片缩进比例

 

提示:此处的商品细节影响到的范围包括所有涉及商品的模块


专辑细节

 

Hero主题中配置专辑细节的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘设计’->专辑细节
  2. 设置专辑细节样式和图片缩进比例

 

提示:此处的专辑细节影响到的范围包括所有涉及专辑的模块

 


扩展

面包屑

Hero主题中设置面包屑的步骤:

  1. 路径:网站后台->‘店铺装修’->‘主题装修’->‘编辑’->‘全局设置’->‘扩展’->面包屑
  2. 根据需要勾选‘显示面包屑’

 

提示:此处的面包屑影响到的范围包括:商品专辑页、商品详情页、博客专辑页、搜索结果页、购物车页

用店匠 Shoplazza 建站,开启你的跨境电商之旅

免费试用