义乌商盟论坛
  1. 151 成员
  2. 2574 人气

参与评论

    自定义板块让你的店铺装修可以美美哒

    最后编辑时间:  2018年01月12日 00:39 评论:21 浏览: 1672 投稿

         做过电商的朋友都知道,传统商业模式(正门进店)和电商模式(窗口进店)的最本质区别是是客户对商家所销售的产品能否有一个直观的感知度,为了解决客户的信任度,很多商家都在首页装修中花费很多的精力。目前为止,平台上的店铺装修一般可分为两大类--购买店铺模板、美工装修设计。现在的现状是模板市场的模板不一定适合您的产品,如果自己装修,功能与美观方面又达不到效果。今天,盟主送上一套简单的店铺装修方法--用DW软件切热点,然后放到自定义板块,具体方法如下:

    1、让美工把店铺整体装修图做出来(很多人会说我不会做,那么你可以把你要添加的元素整理好,在淘宝上请专业美工帮你制作一份),以我店铺为例,效果图如下(因篇幅问题,只截一部分):

    undefined

    从这图片里面我们能发现现在的排版比店铺装修中自带的产品展示模式效果要好,现在我们要解决的是根据图片来添加不同的导向链接。

    2、使用工具 DW(Dreamweaver)  

     

    undefined
    双击打开之后,新建一个html页面

    undefined

    3、进入设计页面,插入想要做切片的图片

    undefined

    操作:a、看上图中地图的位置,如果一个页面当中要插入多张自定义板块,那么每一张自定义中的地图这 里要标注不同的名字,否则会影响切片的效果。

             b、看红色的标记,根据所选中的图片做切片,根据切片的形状选择合适的形状圈选要做切片的区   域,如上图所示。

             c、将所选中的区域想导入的页面的网络地址在上图的链接中输入(将#删除,然后粘贴上所要导向的 页面链接)

             d、目标区域选择:_blank 和_new代表点击了之后新打开一个网页页面,_parent代表直接由原页 面跳转到所要打开的页面。


    4、所有要添加的热点切好之后,点击DW页面的源代码框,可以看到下面的源代码展示

    undefined

    操作如下:a、删除上面的“无标题文档”

                  b、将做切片的图片上传到旺铺的空间相册,获取图片在空间相册的网络地址。

                  c、将网络地址替换到上图源代码 img src=""里面

                  d、选中并复制所有源代码.

                  e、在旺铺装修中,在需要插入图片的位置增加一个自定义板块,将上面的源代码粘贴进去即   可。

     

    网站装修效果图可参见我们的新店铺:https://85052800.1688.com

     

    若您觉得我分享的软件有用,而您又没有,可以在帖子后面把email地址留言,我会统一发送。

     

     

    1. 商家能力成长官方圈
      人气:3.8万
    2. 1688商学院
      人气:18.3万