幕思城 > 电商问答 > 618大促 > 淘宝旺铺自定义客服中心和动态收藏店铺的制作
    淘宝旺铺自定义客服中心和动态收藏店铺的制作

    156****1640 楼主 | 2022-07-07 | 17:22 | 发布在分类 / 618大促 | 阅读:0

    在论坛也逛了好长时间了,一直没有怎么发帖,一是由于自己工作生活比较忙,更重要的是自己的文笔有限,马上就要到中秋节了,在这里我提前祝大家中秋节快乐,财源广进废话不多说,直接上干货。

    我在这里跟大家谈谈自定义客服中心的制作,希望给大家带来帮助。

    、准备工具我们做自定义客服中心,主要就用到两个强大的工具,一个是Photoshop

    。另外一个是Dreamweaver

    。PS我用的版本是CS5,DW用的版本是8.0.现在我们开始制作

    二、用Photoshop制作客服中心1、打开PS,设置好背景色和前景色,这个是根据自己店铺的风格设置的,在这里我店铺客服中心的背景色选择了6b1834,前景色选择了f87ca2,效果图2、选择视图—新建参考线,对第一步的图像进行分割,这个可以根据自己的设计自由新建参考线的,我现在是设置了一个售前客服,一个售后客服,最下面还有一个收藏店铺,水平参考线的值分别是:0,50,60,90,95,113,123 ,153,158,176,186,23

    6。竖直参考线的值是0和190.如图:我在截图上面标注了数字,这些数字分表代表了6个区域的内容1表示我们要输入的文字区域2表示售前客服字样3表示售前旺旺图片4表示售后客服字样5表示售后旺旺图片6表示收藏店铺3、现在分别对上面的六个步骤进行详解1 点击工具栏上面的T,然后在1区域输入“客服中心”四个字,字体颜色选自己喜欢的,字体大小选72,然后点击图层—图层样式—混合选项,选择投影和外发

    光。如图2 和第一步一样,选好颜色和字体,调整好大小如图#p#副标题#e#旺旺的图片是要让系统自动生成

    的。首先我们要开通E客服,这个论坛的帖子都有介绍,我在这里不多讲,然后自己添加售前和售后客

    服。然后回到店面装修页面,在左侧栏添加一个模块中心里面的客服中心,这样做主要是要是生成旺旺代码和旺旺图

    片。如图4 区域4和区域2的步骤一样,不再详述5 区域5和区域3的步骤一样,不再详述6 点击T ,字体颜色自己选,字体大小我选了72,输入“收藏店铺”,然后复制图层ctrl+J,然后点击图层—图层样式—混合选项,选择投影和外发光,发光的颜色自己

    选。选择窗口—动画,下面出现了一个动画帧,在图层面板把刚才复制图层的眼睛取消然后两个动画帧的时间都选0.2(这个随自己喜好自己选),这样动态收藏店铺就做好

    了。(动态收藏店铺其实很简单,我写得有点少,大家可以看看论坛上面专门介绍动态图片制作的)4、我们需要在区域3 5 6设置 连

    接。选择PS的切片工具,样式选择正常,然后在上述三个区域做切片,调整合适的切片,如图格式一定要选HTML和图像,点击保

    存。桌面上生成了一个HTML文件和一个image文件夹,把文件夹里面的图片存储到我们自己的图片空

    间。这样PS的工作我们就做完了,存储一份PSD格式的图像,方便以后修改,然后关闭P

    S

    。三、用Dreamweaver添加连接和生成模版的代码打开DW,选择HTML,文件—打开,打开刚才生成的HTML

    文件。呈现在我们面前的是一大堆代码,不用管,选择设计按钮,出现下面的界面旺旺的源文件是上面TXT文档的第二个网址,链接是TXT文档的第一个

    网址。2、然后点击代码,复制代码页的所有

    代码。3、在装修页面的左侧栏新建一个自定义模块,在自定义模块里面黏贴我们复制的代码,然后生成设计页面,保存,

    发布。最后的生成的效果图就介绍到这里了,没想到一下子写了这么多,希望能给大家带来

    点击加我微信【当前问题没解决?不用急,加老师私人微信一起交流学习!】
    >
    发表评论

      微信扫码回复「618