您好,欢迎来到1号商学院

自定义广告




 

简介:更为灵活,可实现分块超链接,而且图片大小不受系统限制。使用该功能需要应用Photoshop以及Dreamweaver软件。

 

 

方法一:

 

1. photoshop打开需要的图片。

 

自定义广告

 

 

2. 使用切片工具,并编辑每个切片区域。

 

     使用切片工具自定义广告对图片的每个区域进行切分,然后在每个区域中点击右键——编辑切片选项;在如下图的“切片选项”窗口中编辑URL(该区域的链接,如某个产品或者某类产品在1号商城的链接);以及目标,默认为空,此时点击该区域会覆盖现有网址;若填写_blank,则会在新窗口打开此链接。最后确定保存。

     按照同样的步骤对每个区域进行切片并编辑

 

自定义广告

 

 

3. 保存为web格式:

 

点击 文件——存储为web和设备所用格式,在弹出窗口中点击存储。

 

自定义广告

 

保存类型为HTML和图像:

 

自定义广告

 

 

 

4. 上传切片图到图片空间,保存后在保存的位置除了html文件外还有一个名为image的文件夹。将这个文件夹中的图片全部上传到图片空间。

 

 

自定义广告

 

 

 


 5.Dreamweaver打开存储的html文件,点拆分按钮,并逐个点中切片图,将原有的图片位置替换成网络地址。保存代码,并全选复制html代码。

 

 

 

 

 

自定义广告

 

 

6.1号商城商家后台,在店铺设置—页面设置—新建模块—自定义广告。选填模块名称,选择模块栏位(即出现的位置)。在模板样式中点击“源”,并将刚才复制的代码粘贴到此处。再点击“源”,即可看到效果。并点击保存。

 

 

自定义广告

 

 

 

方法二:

 

1.制作好需要的图片,如下图所示,并将图片上传到图片空间。

 

自定义广告

 

 

到图片空间中复制该图片链接

 

自定义广告

 

自定义广告

 

 

2.Dreamweaver中打开网络图片。属性下的地图位置有四个图标:小箭头、长方形、圆形、不规则形,后三个主要用于框选需要插入超链接的区域,款选好正确位置后,在连接处放上所需的网络链接,可以到改图片的产品链接或者某类产品的链接。目标可以选为“_blank”,此时为弹出新窗口的链(推荐!)

 

自定义广告

 

 

3. 保存并复制源代码。完成所有的链接插入(步骤2)后,在Dreamweaver窗口中点击“代码”,即可看到刚才所有动作所形成的代码。复制该文档。

 

自定义广告

 

 

注意事项:若已经存在自定义广告时,请对代码进行编辑。主要需要编辑的内容如下:代码主题(<body>中)前面部分的内容:

……usemap="#Map"/>

<map name="Map" id="Map">……

修改为:usemap="#Map1"/>

<map name="Map1" id="Map1">

若已经存在“map1”,可使用map2map3等。

 


 

 

4. 新建自定义模块。填上模块名称,选择模块栏位(即出现的位置)。在模板样式中点击“源”,并将刚才复制的代码粘贴到此处。再点击“源”,即可看到效果。并点击保存。

 

 

 

 

 

 

5. 预览前台效果,并检查连接设置情况。

 

 

自定义广告

 

 

 

 


重要! 1号店过滤外链的规则及自定义代码模块过滤相关代码的规则是什么?

 

1号店可以链接的内链的域名为:yihaodian.com   1mall.com   yihaodianimg.com   yhd.com, 以及inshop_merchant中的domain_names以及配制文件filterUrl中的内容,非内链的链接会被过滤

 

自定义模块代码过滤规则为:

a、判断是否有js权限,若有权限,则能添加任何的代码。(平台上已全面禁用js权限,若需使用需要向类目运营申请)

b、若没有权限,则判断source中是否有要过滤的标签:"script", "iframe", "frameset", "frame","html", "body" ,如果有则直接不允许添加。

c、只允许对外链的css文件引用,不允许对外链的其它资源引用(例如img, html等);内链的全部允许。