ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
店铺主页分为上下两个部分:当前使用的模板与可使用的模板两大部分。 下面来看一下,当前使用的模板,如下图: ![](https://img.kancloud.cn/f3/a7/f3a7876511b59573cbde042c2cf99a1c_1268x563.png) 红框中,是用户当前正在使用的模板,如要对当前模板进行编辑,可以点击“编辑”按钮,进入首页装修页面,商家也可以使用用户“自定义模板”,根据自己的需求来装修店铺主页。(备注:除了自定义模板,目前我们提供12套模板供商家选择),其中,模版51带门店定位功能,模版52满足LBS定位,附近门店功能。 ![](https://img.kancloud.cn/e0/b5/e0b598bc8ce8e43967ab1b81e11ea8df_1259x375.png)下面,我们来着重介绍各个装修模块的修改与应用。如下图所示: ![](https://img.kancloud.cn/aa/85/aa8555118af96982ab8cb8cc2563e071_1303x72.png) 1. **标题栏** 点击“标题”添加标题栏。在文本框中输入标题内容。 标题有四种显示类型与三种显示方式,用户可以选择适合自己的显示类型与显示方式。 鼠标点击下方滑块可调节标题栏与上下模块的间距,可以调节文字大小。 如下图所示: ![](https://img.kancloud.cn/52/40/524088594d6b63b5d5286a9fba363c1d_840x248.png) 二、商品搜索 点击添加“商品搜索”。如下图所示: ![](https://img.kancloud.cn/c0/59/c05910e339b97058e057776a4c5e1ee8_1049x341.png) 三、自定义模块 点击添加“自定义模块”。如下图所示: ![](https://img.kancloud.cn/90/a6/90a636c6689fd4657df65d61f304138c_626x78.png) 如果你已添加了“自定义通用模块”那么,我们只需点击“修改”按钮进行相应模块的选择。如下图所示: ![](https://img.kancloud.cn/df/3e/df3e865eae6843197b793fa136077720_677x176.png) 如果你没有添加相应的“自定义通用模块”,点击添加“自定义模块”,就没有可以选用的模块,这样的情况,就应当到:店铺→店铺管理→自定义通用模块中添加相应的模块进行保存。如何添加“自定义通用模块”我们会在1.3.6小节中详细讲解。 四、商品 点击添加“商品”。布局方式显示分为:双列商品、三列商品、单列商品。 双列商品显示如下图所示: ![](https://img.kancloud.cn/26/22/2622e58139324c88c2b794e7c289e600_1082x449.png) 用户设置好布局方式、样式、是否显示标题、价格是否加粗等相关操作。点击虚线框中的“+”进行选择添加商品。如下图所示: ![](https://img.kancloud.cn/12/a5/12a591724f33c544494c60f554a07ac0_1003x606.png) 鼠标移动到选择商品的图片上,即可点击删除图标进行删除商品。如要交换商品位置,可点击“左箭头”、“右箭头”进行位置移动。如下图所示: ![](https://img.kancloud.cn/0c/02/0c025d22fb8d6dde4a4d8322101b9117_343x88.png) 单列商品显示,设置方式与双列商品相同。 如下图所示: ![](https://img.kancloud.cn/fd/0f/fd0f6682f08dbafa66599fa432326c5b_326x281.png) ![](https://img.kancloud.cn/30/d3/30d3c90d9d4c175f6a25b3169bc22f15_845x412.png) 五、图片导航 点击添加“图片导航”,图片导航除选择“固定大小”、“样式二”能添加多张图片以外,其他均支持最多添加五张图片。(系统默认为五张,也可添加三张、两张、一张)系统会根据你上传的图片张数进行自适应处理。用户只需要点击右上角的“![](https://img.kancloud.cn/26/21/262111de6ddc86f15c32010950a89a8c_23x22.png)”删除按钮即可进行删除。如需要增加请点击下方虚线框中的“+”号进行添加。具体显示方式如下图所示: ![](https://img.kancloud.cn/8a/53/8a5369cafb3471def3c76add03bfeab2_1019x491.png) (图一) 链接到有选择商品、商品分组、专题页面、优惠券链接等选择,其中“营销活动”只有平台版显示,详细请参考下图: ![](https://img.kancloud.cn/d4/8f/d48f9ba65b7fb918569e0035cc7418fb_667x470.png) 下面我们着重讲解图片导航各属性的设置。 首先,可以设置图片导航的布局方式,可以选择“固定大小”,也可以选择“根据图片适应”两种方式。用户可根据自身情况选择“样式一”、“样式二”,鼠标拖动滑块调节上下边距。 其次,点击“上传图片”弹出“我的图库”,进行图片上传或选择。具体操作如(图二)所示: ![](https://img.kancloud.cn/fd/6e/fd6e2650391a4211135ba5f1d177de4e_1044x583.png) (图二) 上图就是“我的图库”界面,下面就“我的图库”做详细的介绍。 首先来看左边,这里可以管理图片的分类,有利于用户对图片的管理。点击“添加”按钮进行添加分类文件夹、文件夹重命名、删除的相关操作。如图三所示 ![](https://img.kancloud.cn/a8/55/a855c47732a86fd1a6cc3ab0aa5c8172_611x257.png)(图三) 分类文件夹建立以后,在右边进行图片的上传、删除以及对未分类图片的移动与管理。 **上传图片**:点击“上传图片”按钮,弹出文件选择框,选择你要上传的图片即可。如有多张图片上传,可以按住Ctrl键或Shift键,用鼠标点击选择多张图片批量上传。 **移动图片到**:选择未分类的图片,点击“移动图片到”按钮,系统弹出文件夹列表,选择你要放入的文件夹。 **移动分类到**:相关操作与“移动图片到”相同。 **删除所选图片**:即选中你要删除的图片(可选择多张图片),点击“删除所选图片”按钮进行删除。 最后,选中你要添加的图片,点击“使用选中的图片”即添加图片成功。 图片添加好以后,输入相应的“导航名称”及“文字背景颜色”的设置,最后选择链接地址(这里的链接地址与文本导航的链接地址操作相同,请参看文本导航里对链接地址的介绍)。如需调整图片导航的位置,请点击右上角的“向上”、“向下”图标。 **五、图片广告** 点击添加“图片广告”。建议图片宽度为:640px。如下图所示: ![](https://img.kancloud.cn/ea/cf/eacfea391aaa13d50ea30a59f28bb2d9_320x87.png) ![](https://img.kancloud.cn/09/b8/09b8d0e9a661b7d6fd1ea97ab6ca865f_652x200.png) 图片广告的显示方式分为:“折叠轮播”,“分开显示”与“绘制热区”三种方式。 1. **折叠轮播**:即为多张图片轮换显示。鼠标拖动滑块可调整上下边距,添加图片请点击虚线框中“+”进行添加。选择要添加的图片、链接的地址以及相关的标题。(注:图片的标题手机端不显示,只作后台图片标识使用) 2. **分开显示:**可以调节每张图片的上下距离。 如下图所示: ![](https://img.kancloud.cn/67/89/6789caf2965719de5237a30870a2f24c_482x110.png) ![](https://img.kancloud.cn/83/eb/83eb051f32ca5252a969afb9cb83b3f4_670x229.png) 具体显示方式区别如下图所示: ![](https://img.kancloud.cn/4b/dc/4bdc4c62886356f318e6179a24f50054_489x235.png) (折叠轮播显示效果) ![](https://img.kancloud.cn/d8/e6/d8e6511d54fe5217de1740091b087c83_425x601.png) (分开显示效果) 1. **绘制热区** (1)选择图片添加一张背景图,如图: ![](https://img.kancloud.cn/57/99/57997448c04619fbc23b55c2fd192d18_1035x343.png) (2)添加背景图之后,点击添加图片热区,如图: ![](https://img.kancloud.cn/8c/57/8c57404a2760034ce8f0114bda2b8bf0_1055x651.png) (3)双击添加的热区,选择要链接的页面即可,最后确定,保存即可。如图: ![](https://img.kancloud.cn/09/7b/097b381845f6c174a811061caaf8fc3b_627x612.png) (4)小程序端,点击设置的热区,跳转到对应的页面。 六、分割线 点击添加“分割线”。分割线为上下模块的分割线,目前是虚线分割。 如下图所示: ![](https://img.kancloud.cn/e1/ac/e1ac7c6e1716f4ace36a7dcf12e04aa5_419x40.png) 七、辅助空白 点击添加“辅助空白”。辅助空白与调节模块间的上下距离类似。鼠标拖动滑块可以调整空白的高度。如下图所示: ![](https://img.kancloud.cn/d8/b3/d8b33b8571263a33274b0eb87821647a_324x27.png) ![](https://img.kancloud.cn/19/95/19955fb402181c1c9b72b610ecdb6bb9_483x46.png) 八、橱窗 “橱窗”组件链接到增加”专题页面“。 操作步骤: 启小铺后台→店铺→编辑,增加“橱窗”组件,链接到选择专题页面,如下图: ![](https://img.kancloud.cn/b2/af/b2af7a86555abb229dd682abec9d63a7_993x618.png) 手机端展示: ![](https://img.kancloud.cn/81/de/81dece79478221ec357bd0b61b30cfd4_679x604.png) 1. **视频** 点击添加“视频”。目前只支持腾讯视频,一定要填写http://v.qq.com/iframe/player.html?vid=XXXX格式的视频地址,请去腾迅视频里面进行上传,然后选择视频,复制链接即可。 ![](https://img.kancloud.cn/ed/df/eddf19977fc20a6e358f695a4b59cbf6_324x242.png) ![](https://img.kancloud.cn/94/d3/94d344079d84052a69947db2cda539bd_673x139.png) 1. **品牌街** 新增“品牌街”装修模块,商家可以自定义”品牌街“的名称,根据需求添加图片和链接(链接到商品分类),一次只能添加一个。 ![](https://img.kancloud.cn/bf/56/bf56cedac06b38d3812c66a37807c328_1026x196.png) 手机端页面显示如下: ![](https://img.kancloud.cn/c8/89/c889a81b2b9c042a22fde76a9a951e52_720x559.png) 1. **卡片列表** ![](https://img.kancloud.cn/8f/39/8f391e90ba76452aa9323a1646346d04_1019x568.png) 1. **滑动导航** ![](https://img.kancloud.cn/6b/ea/6bea7b331aa64566b11e818313bb57fd_1026x529.png) 1. **装修数据备份** 在你还不确定你的店铺装修风格时,在装修出一种风格后可以点击“装修数据备份”进行数据备份。 操作步骤:启小铺后台→店铺主页→编辑,点击“装修数据备份”弹出的装修备份窗口中点击“新增备份”,最多只能备份3条。 ![](https://img.kancloud.cn/d4/74/d474ad487a779c5b6c4f4150e0d0d038_782x623.png) 若想还原之前的装修数据也可以点击装修数据备份,选择要还原的数据点击“读取”。如下图: ![](https://img.kancloud.cn/5b/24/5b244b03322239cfeb25efce2cbba838_828x632.png) 1. **富文本** 可以添加富文本,每个页面只能添加一个富文本 ![](https://img.kancloud.cn/70/fc/70fc62ae467453c1c81be3fb43dd00c5_917x556.png) 1. **公告** ![](https://img.kancloud.cn/b2/2b/b22b118d5cc4b150f9d23a39618ededa_631x246.png) 编辑完成后,小程序端首页展示公告滚动信息,如图: ![](https://img.kancloud.cn/73/eb/73ebbb21a21d7ead31e5b78d61be47e8_335x514.png) 1. **附近门店** 添加组件后,小程序端会定位附近的门店 ![](https://img.kancloud.cn/9b/3a/9b3a84d06c28c83e7643cdce8134e72f_915x405.png) 1. **拨打电话组件** 版本:v9.5.0及以上 首页装修,增加拨打电话组件,如图: ![](https://img.kancloud.cn/26/d5/26d5ed3610200dcf13e4e34136ae5028_1269x775.png) 设置完成后,小程序端可以给设置的号码打电话,如图: ![](https://img.kancloud.cn/b5/6c/b56cac72520d7ae5de757fcb92b7ad08_396x709.png) 十八:分类置顶导航 分类置顶导航是可以滑动的文字分类导航,可以将商品分类链接到导航文字,点击文字跳转到商品分类,其中导航文字可以自定义 ![](https://img.kancloud.cn/77/44/774463a01521bde1de4398674efc7344_1298x668.png) 十九:商品预售 商品预售组件可见预售中的商品显示在主页,呈顺序排列状态,页面显示预售商品名称、图片、价格、结束时间、最早发货时间及已售和剩余库存。此组件最多在首页展示10条预售商品,超过部分将在更多页面展示。 ![](https://img.kancloud.cn/3b/ed/3bed6a295de3ffbca8c12d26dc9e3400_746x504.png) 二十:直播组件 当用户在小程序公众平台开通直播并且配置好直播间,在启小铺设置中也开启直播组件并上传发布后,可以在首页装修中链接直播组件,填写好图片标题和房间ID后,用户可从首页直播组件中点击进入当前直播间。 直播组件使用需要后台开启微信直播才会在前端显示 ![](https://img.kancloud.cn/b7/2a/b72adc3bb557ae6bd2fa9da52015ce3c_746x223.png) 附:链接到 链接到是部分组件可使用的功能,可点击组件跳转到用户所选择的“链接到”指定页面 当前支持链接到的组件为:滑动导航、图片导航、标题样式五,六,八。 跳转小程序: ![](https://img.kancloud.cn/cf/ce/cfceff7f2d5416e392bffa08fe4d53d1_575x262.png) APPID:此处为小程序—微信小程序—跳转设置中所配置小程序 APPPATH:此处为需要跳转到的小程序指定路径。如要跳转到启小铺小程序,此路径可在小程序—微信小程序—小程序路径进行复制并且填写。 直播列表: ![](https://img.kancloud.cn/1c/99/1c996ba06f4f13656428af00ee9dce50_725x1569.jpeg) 直播列表可查看小程序中所有直播间的预览,页面展示直播状态 直播中:表示主播正常开播 未开始:表示主播还未开播 已结東:表示在直播端点击【结束】按钮正常关闭的直播,或直播异常15分钟后系统强制结束的直播 禁播:表示因违规受到运营处罚被禁播 暂停中:表示在小程序公众后台—直播—控制台内操作暂停了直播 异常:表示主播离开、切后台、断网等情况,该直播被判定为异常状态,15分钟内恢复即可回到正常直播中的状态;如果15分钟后还未恢复,直播间会被系统强制结束直播 已过期:表示直播间一直未开播,且已达到在MP小程序后台创建直播间时填写的直播计划结束时间,则该直播被判定为过期不能再开播 供应商: ![](https://img.kancloud.cn/db/7d/db7d74271a1e7aa456e80412ed722862_1268x713.png) 装修后点击可进入供应商首页