大数跨境

案例分享 | 电商小白请听好:淘宝店铺装修这样做就对了(三)

案例分享 | 电商小白请听好:淘宝店铺装修这样做就对了(三) 郑郑有词话电商
2020-06-18
2
导读:本期小咖王昕为大家带来今日份经验分享,淘宝装修之如何使用代码装修



本期小咖:王昕

身份:电商18级学生

技能:PS + HTML5 + CSS

本期内容:淘宝装修 如何使用代码装修高大上的淘宝店铺




你一票,我一票

祝我早日能出道

你多学,你多用

你不优秀谁优秀

 

哈喽~大家好呀

课余自学这学期的《网上创业》课程之后我收获满满

从电商小白摇身一变分享经验

希望大家可以继承我的“财富”

将它传递给有需要的电商小生们


淘宝店铺展示

PART 1: 怎么去掉全屏首页的间隙?

全屏页面怎么制作可以翻看上期文章哦!

讲解的很仔细,干货满满。

A. 去掉模块的间隙

模块之间的间隙很大,给人 “断层”的感觉,今天我要教大家一个小技巧,一分钟搞定大难题。

第一步:打开“DW”软件,打开原来问题的代码。

第二步:将“top:0px”改成“top:-20px”(因为案例间隙为20像素高度,可根据实际情况调整)。

第三步:复制修改之后的代码,打开店铺编辑后台,将模块编辑,粘贴新源码。

 

B.去掉图片间隙

去掉图片和图片之间出现间隔方法很简单

和Word查找替换相同。

第一步:点击“编辑”,选择“查找和替换”(快捷键是“CTRL+F”)。

第二步:查找范围:当前文档。

第三步:将内容更改为以下内容。

1搜索:源代码

2查找:<img (后面还需添加空格)

3替换:<img style= ”vertical-align : top “scr=”(后面还需添加空格)

4点击:替换全部

第四步复制修改之后的代码,打开店铺编辑后台,将模块编辑,粘贴新源码。

详细操作视频

PART 2: 如何创意布局?

关于店铺首页商品布局

首先,你需要多看—提升自己的审美

多想—构思自己的页面布局

多做—实操调整

创意布局案例

 

 

大家可以参考前期的《案例思享 | 电商小白请听好:淘宝店铺装修这样做就对了》,但是有几点需要特别注意一下!

1、 地图:MAP+英文名。

2、 链接:复制淘宝店铺商品链接,后期顾客选购方便跳转。

3、 目标:选择“blank,意思是点击这个链接之后会开出新的窗口。

详细操作视频


推荐新手美工必备的几个软件


 

(向右滑动查看)


各位看官可还喜欢今天的内容

喜欢的话还不点赞、在看、关注??

错过我

哪里去找这么好的小技巧

散会

 






郑郑有词话电商

郑郑有词话电商

惊喜不断

-扫码关注我们-

主编/郑煜

副主编/王昕

排版/赵珂欣

审核/ 郑煜

【声明】内容源于网络
0
0
郑郑有词话电商
1234
内容 130
粉丝 0
郑郑有词话电商 1234
总阅读2
粉丝0
内容130