电商经验交流圈

  1. 1.7万 成员
  2. 5.7万 人气

参与评论

    一步步教你做宝贝详情页的相关推介(包括广告图详细过程)

    最后编辑时间:  2016年06月25日 15:22 评论:139 浏览: 8935 投稿

    刚才有一个商圈来的朋友来问我一个问题,就是在宝贝详情页里怎么加入这个相关推介,

    20160625093953



    这个有蛮多方法的,我常用的是PS,把整张图片做好,然后每一个产品切图,每个都单独切出来,然后一一添加进去。这样说,商友不是很懂,那我就在这里详细给大家讲一下,有很多大神是知道的,大家无视就是了,我这个贴子是给大家新人的哈。

    刚才发贴子,大家说处理图片这一步不会,我就再教下怎么处理这个广告图,


    新建一个文件,宽度是750像素,高度根据自己需要调,分辨率72,点确定

    PS


    然后新建图层1,按M键,框选

    PS1


    选一个区域用来填色

    PS2

    颜色根据自己装修界面自己调,然后按SHIFT+Backspace键,填充,填完时框还有虚线在闪,按Crtl+d取消选区,按T输入文字,如下图:

    PS3


    输完点红圈确定,然后可以按V键,可以拖动文字。
    然后Ctrl+r显示标尺,

    PS4


    拉出辅助线,每个框就是产品内容区域,然后把要加入的产品图片拉进来, 选中产品图层, 添加蒙板,
    PS5


    点一下这个锁链,取消关联,

    undefined



    然后点 Ctrl+t

    PS9

    然后按住Shift按比例调整图片,结果如下图

    PS8

    调好就回车键。

    PS9

    中间点一下,把这个关联重新关联好。第一个图就OK了,其他五个也是这个方法,一一做好。
    然后在最顶部新建图层,
    像刚开始那样,按M框选一个小文字区域,填充颜色,如下图。PS10



    按T,输入文字,文字大小颜色自己看着调,
    再新建图层,自定义形状,如下图:

    PS11


    按住Shift键按比例拉出一个选择的符号,Ctrl+回车键,把为选区,Shift+Backspace填充颜色,(不要把填充和背景一样的颜色,否则会显示为一体的,)
    在蓝条层上再新建一个红杠层
    按M选取,像上面说的一样,填充,填充为红色,

    PS12

    在PS里,图层在上面就会显示在上层,大家注意好这个分层,框一做好了,其他也是按这个方法一一做好。因为我这个是新做的,细节没有一一调整,我主要讲的是方法,大家自己做时注意下细节。

     处理好后就是切片,

    undefined


    用切片工具,把要切的图选中,然后右键,选划分切片,根据自己做的图选择切多少块。undefined

    如果没有对齐,自己手动把线拉对齐就可以了。然后就是保存,方法如下:

    undefined

    保证为WDB和设备所用格式。 第一步看下是不是JPG格式,如果不是,就选为JPG格式,品质为100,点SAVE为存。

    undefined

    undefined



    OK了 然后我们看到保存的图片:

    QQ截图20160625095306



    每一个都是单独的,为什么这样做,因为我们给每个产品加的链接都不一样,每个都是独立的。到了下一步,就有两种加入宝贝详情页的方法了(其实还有更多,但我习惯用这两种),
    我们先来说第一个,在装修主页时选择如下图,

    undefined

    进入到装修界面。

    undefined


    点设置,然后把刚才那切好的图放进去,把好版,有时阿里会用死,把每个图都放一行,这时自己要一个图片加进去,不能一下子插入7个图。排好版如下图。undefined

     

    然后选中产品图片,再点右上角的加入链接, 每个产品参入自己宝贝详情页的链接,把在新页面打开勾选上,这个作用是当客户点你图片时,会打开一个新的页面,而不是在所在的页面打开新链接。

    undefined

    undefined


    这个方法一好处是你在这里添加了,你所有的宝贝详情页统一都有这一块功能,比如你家店有150个宝贝,你这样一添加,你150个宝贝页里都有这个相关推介。

         到这时我不得不吐槽下阿里改版,在旧版时,可以添加好几个模块,现在只能添加一个,也就是说,你在上面加了相关推介,但你又想在每个宝贝详情最后底部加入客服说明,发货通知时,相关推介会堆在一块,你的相关推介在前面,客户说明,发货说明那些内容也会在上面.如果是以前没改版前,在上面加一个相关推介,下面加一个模块写客服说明,发货需知什么的。有的大神用代码可以把客服说明,发货内容放到底下,会的请教下我。谢谢。
    还有一个方法二,undefined

    就是进你每个产品的详情页里 把切好的图一个个的加进去,然后像方法一一样,每个单独加入链接,这个方法好处是你在这个宝贝详情页做的相关推介,只是这你个宝贝页的与其他产品页没有关系,修改,或添加的只是你这个宝贝页里的相关推介。总结一下就是,方法是统一添加,,方法二单独添加,大家这样理解就可以了。
          因为是写给新人看的,所以每一步都加了图片,以方便新人更好的理解,所以文章会比较长,大家慢慢看,不懂的来群里1548666512问下,大家多点交流,共同进步。

    中山市垚鑫源照明科技有限公司
    1. 商家能力成长官方圈
      人气:3.8万
    2. 1688商学院
      人气:18.3万