1 白色logo
help-menu 主题装修
help-menu 主题装修

可选择对首页、商品系列页、商品详情页的前台显示进行编辑

 

 

1、首页

 

目前首页的模块库有:轮播图、横幅单图、商品系列列表、特色商品列表、ins精选集、图集(3图)、图文

 

     固定模块有:页头、页尾

模块类型以及对应的组件有:

  1. 轮播图:轮播图、横幅单图、滚动轮播

  2. 图集:图集(2)图、图集(3图1、2、3)、图集(4图1、2)、单排图片

  3. Instagram:ins精选集

  4. 视频:视频、文本视频、本地视频

  5. 商品列表:特色商品列表、精选商品、购物图片

  6. 图文:图文、图文列表、时间线、时尚图文

  7. 评论:精选评论

  8. 专辑列表:商品专辑列表、三图专辑

  9. 品牌:品牌列表、图标文字

  10. 富文本

  11. 邮件订阅

  12. HTML

  13. FAQs:FAQs1、FAQs2

点击【添加组件】,进入模块库,点击【添加内容】,进入模块库


查看想要的样式,点击选择


 


 

添加需要的组件之后,可对进行组件拖动变化位置或删除;左边展示预览图,可查看手机端、电脑端以及真实页面的预览图




1)页头

 

  1. 头部高度:设置顶栏的高度

  2. 菜单高度:设置菜单导航的高度

  3. 移动端头部高度:设置手机移动端顶栏的高度

  4. 菜单栏:可选择在【站点】中、【菜单导航】中建立的菜单

  5. 开启头部置顶:开启后,滚轮下滑,页头会一直显示。

  6. LOGO图片:模板存在默认logo,可进行更换、备注或删除。应分别对PC端和移动端的LOGO进行更换。PC端和移动端的LOGO高度可分别设置。

  7. 公告栏:打开启用按钮后,可在页头展示公告内容。

  8. 显示位置:可选择显示位置为仅首页或全部

  9. 公告内容的字号,字间距以及公告栏的背景颜色,文字颜色可进行修改

  10. 公告栏内容:可输入公告栏内容,通知顾客有促销信息或包邮门槛

  11. 公告栏链接:可选择首页、商品、商品专辑、文章、外链、活动页面,注册链接或自定义页面 。点击公告栏内容后,将跳转至配置的对应页面


 


可对公告栏进行显示顺序排序

 


image.png

 

2)轮播图

 

  1. 点击【添加图片】,可添加多张轮播图

  2. 图片:点击PC或Mobile的【选择图片】,可分别对电脑端和移动端进行图片上传,PC端推荐尺寸:1920x750,移动端推荐尺寸:750x440

  3. 图片链接:可选择首页、商品、商品系列、文章、外链、活动页面、自定义页面,配置之后,点击图片将跳转至对应页面

  4. 可以对文字展示效果进行选择,可以选择淡入渐出、水平推出、文字向上、组合切入

  5. 可通过编辑标题,正文为图片加一层文字介绍,可调整文本的对齐方式。

  6. 图片截取位置对应图片的上中下部分通过编辑按钮文案和按钮链接可实现购物号召

  7. 可为图片添加蒙层,使文字更为突出或优化图片显示效果

  8. 标题和正文,按钮文案的大小均可根据不同的图片分别进行调整

  9. 可对轮播图的轮播时间,图片切换的动画样式设置,图片高度以及文字大小,宽度是否铺满屏幕做统一设置。

 

 3)横幅单图


a.标题:输入的内容将显示在图片上方,

b.标题位置:可选择居左或居中

c.图片:点击PC或Mobile的【选择图片】,可分别对电脑端和移动端进行图片上传,PC端推荐尺寸:宽度1500,高度不限,移动端推荐尺寸:宽度720,高度不限

d. 图片链接:可选择首页、商品、商品系列(改为商品专辑)、文章、外链、活动页面,注册链接,自定义页面(此两项为新增)。配置之后,点击图片将跳转至对应页面

e.宽度铺满屏幕开启后,所插入图片宽度会铺满整个屏幕

f.通过对图片高度和图片截取位置的设置可调整所插入图片的大小和截取的位置。

g.编辑文字板块对放在图片上层的文字生效。输入标题和正文的内容将显示在图片上层。

h.标题和正文的文字大小、文本对齐方式以及颜色都可以调整。

4)商品专辑列表

    1. 每行展示个数:可选择2-5个

    2. 图片高度:可根据需要选择小、中、大、图片比例四种类型,默认使用小比例

    3. 内容:可添加、删除多个内容,可直接拖拽进行排序

5)特色商品列表

    1. 标题:输入的内容将显示在图片上方

    2. 标题位置:可选择居左或居中

    3. 选择商品专辑:选择需要展示的商品专辑

    4. 每行展示个数:可选择2-6个

    5. 图片高度:可根据需要选择小、中、大、图片比例四种类型,默认使用小比例

    6. 打开展示view more按钮后,点击view more 将跳转到所选专辑页面


6)ins精选集

    1. 标题:输入的内容将显示在图片上方

    2. 背景:整个ins板块背景可做调整和修改

    3. 卡片边框颜色:卡片边框颜色可做修改

    4. 按钮背景、按钮文字/边框的颜色可做修改

    5. 是否显示头像:开启后卡片内会显示用户头像,可设置头像出现在ins图片上方或者下方

    6. 布局:可调节此版块和相邻版块的间距

    7. 最大内容宽度:非必填。不输入则展示默认内容宽度

    8. 卡片:选择图片:建议尺寸305x325的ins图

    9. 图片链接:可选择首页、商品、商品系列、文章、外链、活动页面,注册链接,自定义页面。配置之后,点击图片将跳转至对应页面,可设置外链,跳转至对应的 ins页面

    10. 上传头像:建议尺寸48x48

    11. 账号名称:ins账户的用户名,将显示在头像右边,位置跟随头像变动。

    12. 账户ID:ins账户的账户ID,将显示在头像右边,位置跟随头像变动。

    13. 点赞人数:预设的ins图片点赞人数

    14. 评论用户名称:输入后可在图片下方展示评论用户名称。

    15. 评论:输入后可在图片下方展示评论。

    16. 商品链接:配置后ins卡片下方会出现商品小卡片,点击后可直接跳转到商品页面。


7)图集(2图)

    1. 布局:可调节此版块和相邻版块的间距

    2. 最大内容宽度:非必填。不输入则展示默认内容宽度 

    3. 图片:可选择想要展示的图片,推荐尺寸见各图片下方描述 

    4. 链接:可选择首页、商品、商品系列、文章、外链、活动页面,注册链接,自定义页面,配置之后,点击图片将跳转至对应页面


8)图集(3图)

    1. 图集(3图)有三种布局样式

    2. 布局:可调节此版块和相邻版块的间距

    3. 最大内容宽度:非必填。不输入则展示默认内容宽度

    4. 图片:可选择想要展示的图片,推荐尺寸见各图片下方描述 

    5. 链接:可选择首页、商品、商品系列、文章、外链、活动页面,注册链接,自定义页面,配置之后,点击图片将跳转至对应页面




9)图集(4图)

  1. 图集(4图)有两种样式

  2. 布局:可调节此版块和相邻版块的间距

  3. 最大内容宽度:非必填。不输入则展示默认内容宽度。 

  4. 图片:可选择想要展示的图片,推荐尺寸见各图片下方描述

  5. 链接:可选择首页、商品、商品系列、文章、外链、活动页面,注册链接,自定义页面,配置之后,点击图片将跳转至对应页面


10)图文

    1. 样式:可选择左图右字、左字右图

    2. 选择图片:建议尺寸540x380

    3. 标题:文字的主标题

    4. 正文:可编辑正文内容

    5. 文本对齐方式:可选择左对齐、右对齐、居中

    6. 按钮文案

    7. 按钮链接:可选择首页、商品、商品系列、文章、外链、活动页面,配置之后,点击按钮将跳转至对应页面

    8. 布局:可调节此板块与相邻板块间的间距

    9. 最大内容宽度:非必填,不输入时则展示默认内容宽度




11)图文列表

  1. 标题:图文列表的主标题

  2. 每行展示个数:可选择2-3个

  3. 文字对齐方式:可选择左对齐,居中,右对齐

  4. 布局:可调节此版块和相邻版块的间距

  5. 最大内容宽度:非必填。不输入则展示默认内容宽度。

  6. 内容:图片:可选择想要展示的图片,推荐尺寸480x480px

  7. 图片链接:可选择首页、商品、商品专辑、文章、外链、活动页面,注册链接,自定义页面。配置后点击封面图会跳转到相应的链接

  8. 标题:单个图文的文字标题

  9. 正文:可以编辑正文内容

  10. 按钮文案: 可编辑按钮文字,实现购物号召

  11. 按钮链接:可选择首页、商品、商品系列、文章、外链、活动页面,注册链接,自定义页面。配置之后,点击按钮将跳转至对应页面

  12. 展示文字按钮:开启后可以调整按钮文案的底色

image.png

12)时间线

      常规设置:

      标题:设置模块标题

      内容设置模块:默认展示三个时间模块,最多展示三个内容

  1. 选择图片:选择上传需要展示的图片,未上传时则展示占位图,建议尺寸:1000*1000,1:1比例的图片

  2. 标签文案:即时间轴标签文案,显示在下方、支持tab切换展示不同时间内容

  3. 标题:时间内容的标题文案

  4. 副标题:时间内容的副标题文案

  5. 描述:即该模块的描述字段,可设置加粗、斜体、下划线

  6. 图片宽度:可以对上传的图片宽度进行设置,范围为60~650px

    布局:

  1. 上下间距:相邻组件之间的上下间距、默认为72px

  2. 最大内容宽度:即当前模块展示的内容宽度,不设置时,则展示默认内容宽度:1500px

13)精选商品

    内容:

  1. 标题:该模块的主标题

  2. 可以选择该组件需要展示的专辑,可进行搜索、以及新建专辑快速入口

  3. 管理专辑按钮:点击另开标签页进入后台新建商品页面

    常规设置:

  1. 可以选择是否展示封面图

  2. 封面图:选择上传需要展示的图片,未上传时则展示占位图,建议尺寸:1080*976,高度可自适应

  3. 图片展示方式:即封面图展示方式也是该组件的布局,可选择纵向、横向、宫格

  4. 主标题:显示在图片上的主标题

  5. 副标题:显示在图片上方的副标题

  6. 按钮文案:显示在图片上方的按钮

  7. 文本对齐方式:主标题、副标题、按钮的对齐方式:九宫格,有九种对齐方式

  8. 蒙层透明度:图片的蒙层

  9. 商品展示数量:可选择展示1-24个商品,默认选择展示4个

     颜色

  1. 可以对主标题、副标题、按钮进行颜色设置

     布局:

  1. 上下间距:相邻组件之间的上下间距、默认为72px

  2. 最大内容宽度:即当前模块展示的内容宽度,不设置时,则展示默认内容宽度:1500px


14)评论

    设置模块:

  1. 标题:该模块的主标题

  2. 文本对齐方式:可选择左对齐、居中、右对齐

  3. 切换时间:范围2~7秒,评论模块切换时间

  4. 可以对模块背景、标题进行颜色设置

  5. 可以选择模块的纹理样式,可选择白钻、拉丝、浅色素描、螺旋

    布局:

  1. 上下间距:相邻组件之间的上下间距、默认为72px

  2. 最大内容宽度:即当前模块展示的内容宽度,不设置时,则展示默认内容宽度:1500px

    内容:

  1. 图标:即评论的星级图标,可选择1~5星或者选择引用样式

  2. 评论内容:即客户评论信息

  3. 作者头像:可上传客户的头像

  4. 可以输入评论作者、作者信息,不输入时不展示


image.png

15)邮箱订阅

        a.标题:邮件订阅模块的订阅标题 

        b.副标题:邮件订阅模块的订阅副标题

        c.按钮文本:邮件订阅模块的订阅点击按钮文本

        d.感谢标题:邮件订阅后的感谢标题 

        e.副标题:邮件订阅后的感谢副标题

        f.可以对模块内的背景、标题、副标题、邮件输入框底色、邮件输入框文字颜色、邮件订阅按钮颜色、邮件订阅按钮文字颜色进行设置

        g. 布局:可调节此版块和相邻版块的间距

        h.最大内容宽度:非必填。不输入则展示默认内容宽度



16)视频

        a.标题:视频标题,位于视频上方

        b.视频链接:youtube上的视频链接

        c.布局:可调节此版块和相邻版块的间距

        d.最大内容宽度:非必填。不输入则展示默认内容宽度


17)文本视频

  1. 样式:可设置为左视频右文字或左文字右视频

  2. 文本对齐方式:可设置文本对齐为右对齐,左对齐或居中

  3. 布局:可调节此版块和相邻版块的间距

  4. 最大内容宽度:非必填。不输入则展示默认内容宽度

  5. 视频链接:youtube上的视频链接

  6. 标题:视频标题,位于视频上方

  7. 正文:可输入视频描述

18)本地视频

  1. 标题:视频标题,位于视频上方

  2. 文本:视频介绍内容,可设置加粗、斜体、下划线

  3. 视频:上传的视频不超过10m

  4. 布局:可调节此版块和相邻版块的间距

  5. 最大内容宽度:非必填。不输入则展示默认内容宽度


19)页脚

  1. 工具栏:可选择是否显示支付渠道,勾选之后,将按照在【设置】-【支付设置】中对信用卡logo的设置在站点底部进行显示

  2. 内容:菜单导航:可选择在菜单导航中建立的菜单;

订阅邮箱:用户可在该模块输入邮箱订阅站点,收集到的邮箱将显示在【客 户管理】-【客户列表】中

  1. 社交平台链接:支持Facebook、Instagram、Twitter、Pinterest、Youtube

  2. 可新增自定义社交媒体。社交媒体图片icon推荐尺寸为20x20。输入社交媒体名称和社交媒体链接后点击可跳转到对应平台


  1. 全局设置

选择【全局设置】,可进行全局的基础设置

      1)文字

     a.标题字体:展示在店铺的标题字体,有55种字体供选择,有默认字体。字号及字间距均可做调整。

     b.文字全大写:开启后标题英文字母格式变为全部大写。

     c.正文:展示在店铺的正文字体,有55种字体供选择,有默认字体。字号以及行高均可做调整。

    d.菜单标题:字号和字间距均可做调整。开启文字全大写后,英文字母格式变为全部大写。

    e.商详页商品名称的字号和行高可做调整。

    f.列表商品名称的字号,字间距,行高均可做调整。开启文字全大写后,英文字母格式变为全部大写。

    g.价格:可对原价字体字号,现价字体字号,字间距做调整。

    h.按钮字体:展示在店铺的按钮字体,有55种字体提供选择,有默认字体。按钮的字号,字间距均可做调整。开启文字全大写后,英文字母格式变为全部大写。

    i.页脚版权:针对展示在页脚的字体设置。有55种字体供选择,有默认字体。字号,字间距均可做调整。开启文字全大写后,英文字母格式变为全部大写

    k.更改之后,若需要重置,可点击【重置配置】恢复原先的默认设置。


      2)颜色

         a.常规设置:针对标题、文本、背景、现价、原价、商品标签字体、商品标签背景、购物车圆点、购物车圆点字体的颜色设置

         b.头部:针对页头背景、icon的颜色的颜色设置

         c.头部菜单:针对头部菜单的背景,文字,文字-Hover、分割线的颜色设置

         e.按钮:针对主要按钮、主要按钮字体、主要按钮边框、次要按钮、次要按钮字体&边框的颜色设置

         f.页脚小工具:针对页脚小工具的背景、标题、文字、分割线的颜色设置

         g.页脚邮件订阅:针对页脚邮件订阅的边框、文字、按钮背景的颜色设置

         h.页脚:针对页脚的背景、文字、分割线的颜色设置

         i.更改之后,若需要重置,可点击【重新配置】恢复原先的默认设置


     3)商品

a.可根据选择是否展示原价、Quick View按钮、缩略图、鼠标悬停显示第2张图、开启加购模式。

b.文字布局:展示在商品下方的文字布局,可选择居左、居中

c.商品名称展示行数:即商品列表、商品专辑页的商品名称展示行数,可选择一行、两行或者展示全部

d.商品名称展示位置:可选择展示在价格上方或者在价格下方


     4)购物袋

a.购物车样式:可选择购物袋,带数字的购物袋样式

b.购物袋类型:可选择下拉或抽屉两种样式

c.点击加购按钮后操作:可选择停留在本页并提示已加购、停留在本页并弹出购物袋、进入购物车页面

d.点击购物袋:可选择弹出购物袋或进入购物车页面

e.购物车商品推荐:可选择商品专辑,在购物车界面会展示推荐的商品

f.免邮进度条:开启后,购物车会显示距离免邮门槛还有xx美金。可促使客单价的提高

g.面有金额: 输入需要免邮的金额

h.安全信息支付:图片推荐尺寸:460x95px。配置后通过购物车icon进入查看购物车页面会展示图片。

i.更改之后,若需要重置,可点击【重新配置】恢复原先的默认设置


     5)设计

a.favicon图片:配置后会显示为网站标签页页面角标。推荐尺寸:64x64

b.按钮样式:可选择方形,圆形或椭圆形。

c.内容宽度:默认宽度1500

d.更改之后,若需要重置,可点击【重新配置】恢复原先的默认设置


  1. 商品系列页

选择【商品系列页】可跳转至对应的页面设置

1)页头:暂不支持商品系列页头自定义设置

2)系列内容:配置项会同时影响商品系列页、搜索页及活动页面

            a.是否展示排序选项:开启后店铺中商品专辑页会出现排序选项

            b.PC每排商品数量:可选择显示2-5个

            c.图片高度:可根据需要选择小、中、大、图片比例四种类型,默认使用小比例

            d.是否显示星级和评论次数:开启后商品专辑中和商品详情页中会显示商品的星级和评论数量

3)页尾:暂不支持自定义设置


  1. 商品详情页

选择【商品详情页】可跳转至对应的页面设置

1)页头:暂不支持商品详情页页头自定义设置

2)商品页面: 

     a.主属性信息样式:可选择Sku属性展示为图片或文字。

     b.PC图片宽度:可根据需要选择小、中、大三种比例

     c.图片高度:可根据需要选择小、中、大三种比例

     d.PC缩略图位置:可选择放至主图左边、右边或下面

     e.商品描述展示位置: 可选择默认展开或默认收起

     f.评论展示位置:可选择Tab切换或商品描述下方

     g.分享设置:打开后商品信息下方会出现分享至社交媒体按钮

     h.附加内容设置:可选择文章管理的内容展示在商品描述旁边

      i.商品附加信息:PC端展示位置可选择在主图右侧或主图下方

      j.文案:可输入文字描述

      k.图片:对PC端图片和移动端图片进行设置。PC端图片推荐尺寸1500x96px,移动端推荐尺寸344x120px

      l.图片链接:可选择首页、商品、商品系列、文章、外链、活动页面,注册链接,自定义页面。配置之后,点击按钮将跳转至对应页面

3)商品推荐 

      a. 是否显示商品推荐:开启后商品详情页下方会出现推荐的商品

      b. 选择商品系列:可选择需要展示的商品系列,或点击【添加专辑】选择要推荐的商品专辑;若不选择商品专辑,会根据用户商详页之前的商品系列进行推荐

      c. PC显示排数:可选择1-4排

      d. PC每排商品数量:可选择2-6个

      e. 图片高度:可根据需要选择小、中、大、原始比例四种类型,默认使用小比例

       f. 展示查看更多按钮:打开此按钮后,点击会进入相对的商品专辑页面

4)页脚:暂不支持自定义