全部新闻提供最新行业动态,分享前沿设计理念
淘宝装修从入门到高级:3.宝贝详情页编辑
时间:2024-09-26 来源:朝夕友人 点击:

说实话,本来我不打算写公众号了,所以我昨天没有更文。因为最近事情越来越多了,我实在有些忙不过来。一连串的考试让我觉得好累。第二呢,也是写了这么多,没有什么反馈,大家都是自己关注,自己默默的看,不分享。我觉得这样违背了我的初衷。

我一直以来写这个公众号,不为盈利,我也不卖课,是希望大家多多学习交流,因为一路走来,我明白从一个小白开始,多么不容易。我希望当你看到我的免费教程,免费文章,觉得对身边做电商的同学朋友也有帮助的话,动动手指头分享出去,通过我们的传播,帮助更多的人。或许有的童鞋,正和当初的你一样,需要帮助。

所以这就说到最近有些陌生人加我的微信。刚开始我完全不知道怎么回事,一般我不认识的人我是不加的(原谅我一向谨慎的性格)。所以前面好多我没有通过。后来今天也是好奇,怎么最近这么多人加我呢,我就通过了一个,结果发现大家都是看了我的公众号文章,有些问题想要来问问我的。在我帮他们解答疑问的时候,我突然发现,原来我写的文章还是有人看的,原来还是有人需要帮助的。所以我就继续开始写了

在我看来,哪怕是只帮助到了一个人,我都是觉得很开心!也有了把这件事继续下去的动力!所以我满血复活归来了!

这里顺便说一句:目前我写的主要是关于淘宝DW后台装修的具体操作教程。如果你对这方面已经很了解了,可以不用看了。(我是不是太实在了

上次说到的是自定义首页全屏装修,这次我们说说宝贝详情页编辑~~

进入正题~~

首先我们要知道进入详情页编辑页面的方法:“宝贝管理”——“出售中的宝贝”——“编辑商品”——“详情页”——编辑

温馨提示:有品牌的代理权、授权的商家,可以选择品牌;当然你如果没有,就不要选择品牌了,否则会被淘宝查到侵权,宝贝可能会下架哦!

文字编辑方式编辑详情页:这个方法可以像WORD文档一样,输入文字,改变文字大小,变颜色等等,适用于只有产品图片,又不懂得设计,但是又想告诉买家产品信息的商家。例如下图:

那么文字输入完了,图片放进去后,我们想要给图片链接地址,怎么做呢?插入详情页图片——选择按顺序依次选择你需要放到详情页的图片——点击其中需要添加链接的图片——图片变成蓝色后——点“编辑”——点“链接”——复制粘贴需要跳转的链接网址即可(图像信息是这张图片在图片空间的网址)

3.图片切片的几个方法:

方法一:打开PS,选择切片工具,框选你的详情页,我们一刀刀的切,大家看,切完之后有个01、02,这就是你的切片,一定要注意,他们的连接处要对齐,不要交错中间来一刀,这样中间又会自动形成一个切片!当然,这是一种比较笨的办法

方法二:我们打开菜单栏的“视图”——“标尺”(快捷键Ctrl+R),然后,从标尺拉出参考线(拉横线,不要拉竖线),如果不显示参考线,说明你的参考线隐藏了,按快捷键 Ctrl+H 就出来了。

接着点击切片工具,然后选择“基于参考线的切片”

大家可以看到,这个切片是基于我们的参考线,我们的参考线放在哪里,就切到哪里,所以千万不要放一条竖的参考线~~

方法三:参考线、标尺我们都不要,我们选择“切片选择工具”(切片工具的下面一个就是切片选择工具),然后点一下你的图片(一定要记得点一下哦,不然“划分”不能使用),然后选择“划分”,然后“水平划分”前面打√,假如你想要切6个切片,那么就会把你的详情页平均分成6分切片(高度一样),你需要几个切片,输入数字然后点确定即可。

这是三种切片的方法,看你喜欢哪种方式,本人用第2种比较多。切好切片后,我们点击“文件”——“导出”——“存储为Web所用格式”——JPEG——品质(不要太高,建议80即可)——点击“存储”——选择好存储位置——格式选择“仅限图像”——点击“保存”即可。

这时候在你存储的位置就有一个命名为“image”的文件夹,里面的图片命名方式是你的详情页名称加上01、02、03等等。

这里顺便说下详情页的宽度尺寸:

淘宝:750px;

天猫:790px;

京东自营:750px;

京东第三方:790px.

4.最后我们说下图片的上传:

上面我们说到,详情页切片好上传到图片空间后,我们在详情页编辑页面里插入图片的时候,需要找到文件夹,然后点击图片一张一张的去上传,这样是非常繁琐的,很浪费时间。接下来我给大家介绍另外一种方法:

打开图片空间——上传我们的详情页切片——上传好后大家看到这个是上传的顺序,这个时候我们就需要调整下顺序,如下图,我们选择按“文件名升序”,这时候排序就变成01、02、03了。

然后点击全“全选”,选中所有的图片,然后点击“复制”,然后选择复制代码

然后进入我们的详情页编辑页面,然后选择“源码”,其他图标变成灰色后,然后按快捷键Ctrl+V粘贴所有的代码。这时候我们再点击“源码”,大家可以看到现在详情页图片都在里面了。

好了,这次的详情页编辑大家学会了吗?

之前关于DW的教程在下面,大家选择性点击学习观看!

淘宝装修从入门到高级:1.店铺的基本设置

淘宝装修从入门到高级:2.全屏自定义首页装修

C店全屏自定义代码

天猫全屏自定义代码

这里是秀色可灿,喜欢记得转发,期待帮助到更多的童鞋~~

如果您也有此需求,欢迎咨询我们立即咨询