Toggle navigation

集销人人商城-如何进行自定义店铺模板装修设计

Version 1.0.0

集销人人商城-如何进行自定义店铺模板装修设计,店铺装修如何设置?

店铺装修设置入口:【应用】——【店铺装修】,参见下图:

001576211775241b63010056921ef88

首先点击菜单【新建页面】,(也可以点击【系统页面】/【自定义页面】——【00157621e893cbeb9b60a913dee64de】)在新建页面中有三种类型的页面可供选择创建,参见下图:

00157a84196a7bf686356abebf56533

“系统页面”创建编辑好后,可替代商城系统页面,(目前系统页面只有“商城首页”可创建编辑,其它模块敬请期待!!),而“自定义页面”编辑好后,只能通过关键字进入,两者的创建操作相一致,其两者不同点是“自定义页面”有限制访问的权限,而“系统页面则没有此权限”,“通过模板创建”则直接会到模板管理页面中进行选择适合的模板创建使用即可。具体操作如下:

  • 因“系统页面”与“自定义页面”编辑操作相一致,在此以“系统页面”为例:

点击【001576214d85931b71fe9bfed5aaf32】——【001576214e74c387a749e2c706f327d】,“自定义页面”直接点击001576223c0e757b2858efb7b5bc0a8即可,参见下图:

00157621679f1ac7872ad6d5ea9cd6d

“自定义页面”的访问权限设置在页面设置中进行设置,可针对关注商城的会员或分销商所在的等级进行限制无权访问的授权设置,需注意的是只能设置会员等级和分销商等级的限制访问权限的设置,不能根据会员分组或某个会员或某个分销商进行设置,选择受限能访问的会员和分销商等级后,被选择的会员等级和分销商等级下的会员和分销商有权限访问此自定义页面,反之未被选择的则无权访问,填写好无权访问的标题及链接,在无权访问的会员或分销商在进入自定义的页面时就会提示,参见下图:

00157a850646d56228ca3ac0bb36dd1

“页面名称”的填写编辑是便于后台的查找,不显示在手机端,可重复填写编辑,“页面标题”的填写编辑才显示在手机端,“关键字”不可填写编辑重复信息,如果重复”关键字“会字体及输入框会变为红色(如上图”关键字“及输入框),可自定义修改在手机端显示的”背景颜色“,选择”底部菜单“的显示类型。

商城的底部菜单需要在【应用】——【新建菜单】中添加菜单信息才能进行选择,参见下图:

00157624f879a757db251494d11f22b

菜单图标样式有“图标+文字”,此样式支持添加二级菜单,添加二级菜单后链接会覆盖一级菜单的链接,图标只能选择系统中自带的图标,可以更改图标的位置,而“图片”样式则不支持添加二级菜单,可选择上传自定义图片,不可更改图标位置。

填写编辑完毕后,在给商城添加元素,点击下方的元素,在左侧可预览查看,例如点击添加0015762199715657b71130a7f09a436,参见下图:

00157621bb80e22df78c6ddd58fb9be

添加若干条元素后,可拖动元素更改位置,对新建的页面点击00157621cf430dbc0c30c07d5851066,将页面保存到模板中,进行再次使用(在【全部模板】中直接根选择创建即可),参见下图:

00157621d99acb165e2bf25cce37115

00157621e186ad4d3b9a768f593fb8e

“公用模块”元素与其它元素不同,需要将信息添加到系统中才能选择使用,否则系统会给予提示,而其他元素直接添加就可以使用,具体操作如下:

点击【新建模块】填写模块名称,点击选择模块中的元素,保存即可,参见下图:

00157624949198e5a1e06338016c6bb

在“系统页面”和“自定义页面”添加“公用模块”直接选择保存的信息即可,参见下图:

00157624af8494c2fef41ef8c64f767

点击00157621f2ca6e606d78db57facbaa2可将新建的页面直接保存到【系统页面】中,在列表中点击保存的页面,可直接预览在手机端的显示,点击00157621f316ad48b5b836b59557523将新建的页面保存到【系统页面】中,且生成在手机端显示的预览页面。

【系统页面】保存后,点击【页面设置】替换商城系统页面,则商城中的系统首页被替换为新建的系统页面,参见下图:

00157624de26d5db0e6ed806cae2641

00157624dfc618762284184be304c55

  • 通过模板创建

    点击【001576251d933ef48dd6906d8c18f1a】可直接进入【全部模板】页面,(或直接点击【应用】——【全部模板】),选择系统中自带的8套模板,点击创建页面,需注意的是系统自带的模板只有系统管理员可删除,删除后将无法恢复,请谨慎操作,参见下图:

    001576253c0bfe0ddc101701722f57b

店铺装修【悬浮按钮】就是“在线咨询”,可绑定QQ号,开启后就会显示在商品首页中,会员购买商品需要咨询的情况下点击“在线咨询”即可进行与商家客服进行咨询沟通,具体操作如下:

点击【店铺装修】——【悬浮按钮】,进行相对应的操作设置,参见下图:

0015785ec712dcf6bbee9b9b210ae25

1、按钮的图片可根据适合商城的进行上传选择。

2、按钮的宽度是可以修改按钮的大小的。

3、按钮链接需要利用QQ推广,登录http://shang.qq.com网址,如需重新注册QQ账号的话则注册账号,如果直接登录的话,则点击【推广工具】,选择登录的QQ号,将需要绑定的QQ号链接复制到此处即可,参见下图:

0015785f90a37942eafbfc1a18daa84

4、按钮位置可任意选择按钮的显示位置。

5、启用悬浮按钮在相应的diy页面中,选择显示悬浮按钮,才可显示,反之即使在相应的diy页面中选择了显示,在商城中也不显示悬浮按钮。

【悬浮按钮】设置完毕后,商城的关注会员购买商城商品需要咨询时,直接点击“悬浮按钮”即上传的图片如“在线咨询”,就可与绑定的相应的在线客服qq进行沟通。

店铺装修插件中的【关注条】,可自定义修改关注条的图标形状,分享出去时的图标设置选择类型等自定义信息的操作,参见下图:

00157860f38af244613facd111101d6

1、点击修改背景颜色可自定义修改适合商城的关注条的背景色,参见下图:

0015786f3ac7ec0b5bedc2065101436

2、图标设置可选择不同的分享图标显示方式,则分享出去的链接会根据选择的方式显示,参见下图:

0015786fac79f4831aaeb6cb20ee1d5

3、图标三种形状可随意选择,分享出去后根据选择的形状显示。

4、文字的设置为默认文字和分享文字,默认文字是没有通过分享人进入未关注的商城所显示的文字,在“文字颜色”处可修改文字字体的颜色,而分享文字是通过朋友分享的链接等其他方式进入商城所显示的文字,以分享文字为例参加下图:

001578700a82cfd9f64914c4a7befd1

5、“点击关注”按钮可通过“按钮颜色”修改,及修改文字的字体颜色,在按钮文字可自定义按钮文字信息。

6、“按钮事件”选择“跳转链接”,“链接设置”如果选择“读取系统设置”,则未关注用户点击按钮时跳转的是在【设置】——【关注及分享】中设置的【关注引导页】链接,如果没有设置,则用户点击按钮时无法应,如果选择“自定义”,则选择需要的链接即可,选择“弹出二维码”,与“跳转链接”相一致。

7、启用关注条在相应的diy页面中选择显示,在分享是才显示自定义关注条的信息,反之即使diy页面选择显示,关注条还是以系统默认的形式显示。

人人商城的“商品详情页面”可通过“店铺装修”插件,自定义信息,具体操作如下:

点击【店铺装修】——【新建页面】/【系统页面】——【新建页面】——【立即创建】——【商品详情】,参加下图:

进入创建“商品详情页”后首先要设置详情的页面,参见下图:

背景颜色:可自定义设置商城商品详情页面的背景颜色,不设置则显示系统默认的;注意的是:参与砍价活动的商品和拼团中的商品不受此设置的影响,参见下图:

悬浮按钮:“显示”则在自定义设置的商品详情页中显示,反之则不显示;提示:按钮样式请至 浮动按钮 中设置 未设置则不显示

关注条:“显示”则根据“关注条”选择的类型识别,如果是“关注后隐藏”则分享给未关注者后显示,未关注者点击关注后就会隐藏,反之则不显示;提示:关注条样式请至 自定义关注条 中设置 未设置则不显示

页面设置完毕后,第二步设置系统自定义商品详情页面中自带的元素信息,可删除也可添加其他元素,但注意的是:系统中带有灰色底的只能添加一个元素,其他未加灰色底可添加多个元素,参见下图:

选项卡:此元素只能使用系统默认的,不能删除只能编辑且只可自定义编辑“商品”、“详情”文字,自定义颜色,参见下图:

商品图:可自定义此元素的按钮形状、位置、大小等信息,图片以上传的商品为准。

商品信息:自定义设置此元素与上下两元素的边距、背景颜色;设置文字颜色等信息,参见下图:

营销信息、商品规格、相关套餐等元素都与“商品信息”元素操作一致,只能更改背景颜色和文字颜及边距信息,其他根据商品的实际信息

底部导航:可自由组合或自定义或隐藏店铺、购物车、关注信息,可加入购物车的商品进行设置隐藏加入购物车按钮

其他元素可根据商城的实际情况点击添加即可。