【通用】店招模块操作说明

一、模块简介

店招即店铺招牌， 是一个店铺给消费者的最直观的形象参考，可以说代表了店铺的风格、品位以及产品的特性。装修美观实用的店招，对店铺引流，宣传店铺品牌和产品能够起到非常重要的作用。

二、PC端店招模块装修

1、首次打开PC店铺首页装修页面，或应用系统初始模板后，在“页面装修”标签下，导航模块上方，默认会显示一个990宽度的默认店招底图，可不修改直接发布到前台店铺展示；

2、系统初始模板中，店招可以与导航进行位置的上下互换；

3、双击店招区域，或鼠标悬停在店招模块上，点击右上角

按钮，打开店招设置弹窗；

4、店铺logo：点击“选择图片”可从本地上传店铺logo图片，建议尺寸：120*120PX；建议大小：80k以内；图片类型：jpg、jpeg、png、gif。上传完成后，logo在PC端店铺页头上方悬停店铺名称的浮窗中展示。

注：店铺logo上传暂不支持自营类型店铺

5、店招图片：

图片店招

上传图片要求：图片尺寸：建议宽度990px，高度50~120px；图片大小：2M以内；图片类型：jpg、jpeg、png、gif

可设置一个店招链接（点击右侧“+”号从链接选择框中选择链接，或手动输入苏宁内部链接）；

设置店招展示高度，范围在50~120px范围内（图片超出高度设置范围的部分将不显示）。

设置完成点击“确定”按钮，店招设置生效。

自定义店招：内含可编写html代码的富文本编辑框，可实现店招的通栏展示和多热区链接点击。

点击“源代码”按钮，可在弹窗中编写或粘贴写好的html代码，点击“确定”后，可在富文本编辑框中查看代码效果。

编写代码实现自定义店招展示，有以下几点规范需要注意，否则可能影响店铺展示：

（1）店招上传的图片和div高度，应尽可能控制在120px以内，否则可能遮挡店招和导航下方内容展示，导致链接无法点击；

（2）代码允许写入CSS，但禁止引用外部CSS，不支持JS，字节最大20万字节，不支持外部链接，只支持苏宁内部链接，须包含suning.com/suning.cn；

（3）代码中不允许写入define单词，会被系统过滤可能导致代码效果无法展示；

（4）使用MAP标签时，需注意标签不要重名，多个MAP名的话会默认跳转到第一个MAP的链接，可命名为MAP1/MAP2/MAP3..

通栏店招

可上传一张固定尺寸1920*120px的店招（支持jpg、jpeg、png、gif），直接展示为全屏宽度，支持添加自定义热区和收藏热区，实现链接点击效果。

勾选“显示收藏店铺热区”，将以热区块形式覆盖店招图片的一块区域（可以把收藏按钮做在店招图上），拖拽修改热区块的位置和大小。实际前台展示时点击该区域，即可收藏该店铺；

勾选“显示搜索框”，店招图片上会新增一个搜索框，默认搜索框的颜色为黑色，可点击调色盘修改搜索框的颜色。

输入关键字可以搜索对应的商品等。

点击新增热区，添加自定义热区块，覆盖店招图片上已有的区域，绑定链接，实现前台展示时点击链接跳转到具体页面。

6、非在用首页版本和PC店铺其他页面，如需同步使用首页的店招，可在左侧背景标签——页头设置——应用到所有页面，勾选“应用到所有页面”，此时可同步当前店招到所有页面。