首页>建站相关>淘宝店铺装修自定义区

淘宝店铺装修自定义区

淘宝逛久了,也会遇到一些非常个性化的首页,全页几乎看不到淘宝官方提供的比如排行榜啊,宝贝推荐啊这类的官方模块。整个页面如同一张静态的图像,整洁而且美观,这类页面就大面积采用了自定义区这个功能。遗憾的是由于淘宝并不允许导入外部Css,所有的格式设置均需要写成行内样式,所以好看归好看,一旦需要改版,其工程量也是极大的。
taobao_decorate_custom_p1

所谓自定义区,其实就是官方给了一个写代码的窗口,设计师凭借html代码自由书写页面,好处是自由度高,页面整体性好,但同时对使用者的专业能力也有较高的要求,由于自定义区无法与官方后台数据交互,当需要修改一部分链接与宝贝图片的时候,又是一个复杂的工程。

taobao_decorate_custom_p2

自定义区的界面平平无奇,却是淘宝模块中最具自由度的工具,选择编辑后会弹出如下窗口。
taobao_decorate_custom_p3

同店铺招牌一样,自定义内容区也支持两种编辑模式,文本模式与html代码模式,因为代码模式能够更为精确的控制元素的位置与显示效果,一般都会选择使用代码。

taobao_decorate_custom_p4

来尝试使用一下这个工具,实现上图这样一个回页面顶部的小按钮。勾选编辑源代码功能,将以下代码复制进自定义区的代码编辑窗口,保存后确认退出,然后预览看看效果吧。

<div style="width:60px;height:62px;margin-top:50px;margin-left:880px;background-color:#272C40;box-shadow:4px 0 4px #AAA;">
<a style="display:block;padding:15px 0 0 12px;font:微软雅黑;font-size:16px;font-weight:600;text-decoration:none;color:#DDD;" href="#top">Top </a>
</div>

尽管淘宝给予的限制诸多,自定义功能区仍旧是淘宝最高自由度的模块,用好这个模块需要具备一定的html以及css的知识,俗话说的好:活到老,学到老。哪一天,我们不是在主动或者被动的学习着呢?

标签: 网店

移动端可扫我直达哦~

推荐阅读

webshop 2022-11-14

淘宝店铺里的友情链接是什么意思

网站的友情链接是个很早就有的概念,两个站点互相在网站的指定位置摆放一个指向对方站点的链接,这样A站的用户有可能被引流到B站点,反之亦然。网站交换友情链接,使得用户可以从合作网站中发现自己的网站,达到互相推广的目的,因此常作为一种网站推...

建站相关 网店

webshop 2022-11-12

淘宝指数功能以及下线原因

京东有个排行榜的功能,可以比较及时的反映出市场的风向。觉得淘宝应该也有类似的页面,所以百度搜索了一下,发现了这个叫淘宝指数的东西。页面的地址是“https://shu.taobao.com”,但实际点击进入是实际上会进入一个空白页,这...

建站相关 网店

webshop 2022-11-07

如何获取京东商品详情页无水印主图

2015年之前,嗯~为什么记得这么清楚,因为我特地去京东翻看了一下历史订单。2015年之前,购物的主战场一直是淘宝,因为经常会抽到1元到5元的红包,小东西买习惯了,几个常用地址基本也都录入了淘宝,大件也懒得换一个不熟悉的平台折腾了。1...

建站相关 网店

webshop 2022-11-03

如何获取淘宝商品详情页产品主图

街道安排的安全生产检查,检查人员要求在行车附近粘贴一个指令标志——“佩带安全帽”。因为只需要单个标志,准备直接找图片用彩色打印机打印,百度搜索了一下指令标志,不是引流到千图网之类的工具站,就是导流到淘宝店铺。千图网之类的都是小图标,高...

建站相关 网店

webshop 2022-10-08

pc端淘宝店铺装修简明教程

疫情期间尝试了一下淘宝店铺,淘宝提供了免费的图片空间,完善的功能模块,虽然稍嫌繁琐。总体上跟捣鼓一个个人博客差不多,记得早几年也见过一个新闻,说有爱好文字的卖家,开店卖货的同时,也在店铺里更新文章,市井文艺两不耽误。比较惊喜的是淘宝自...

建站相关 网店

webshop 2022-10-08

淘宝装修店铺圆角店招

淘宝主界面改版挺长一段时间了,改版之后一水的圆角边框。虽然界面看上去是清爽了很多,不过淘宝首页这么个寸土寸金的地方,留了这么多空白真是让人莫名心疼广告费啊。店铺装修的时候学习了一点Css,趁着店铺还没有什么流量,抽空把自己的店招也加了...

建站相关 网店

webshop 2022-10-08

淘宝店铺装修高级模块

除了基础的装修模块之外,淘宝还提供了几个设计师模块,允许商家在页面上展示更丰富的效果。可能有眼尖的亲已经注意到了,我这标题与实际要写内容不符。因为“设计师模块”它有五个字啊,直接导致了店铺装修这一文章的题目长度不相等,请原谅这小小的强...

建站相关 网店

webshop 2022-10-08

淘宝装修店铺布局管理

淘宝提供了很多用于店铺装修的模块,这些模块均采用拖拽式操作,能够很方便的实现一个个性化的布局。有时候部分模块体积较大,完成布局之后再想更换位置时需要跨屏拖拽。针对这类需求,淘宝也提供了布局管理工具。右上方页面管理旁边就是布局管理按钮,...

建站相关 网店

webshop 2022-10-08

淘宝装修发布一个宝贝

万事俱备,只欠东风,经历了一系列的准备,终于可以发布第一个宝贝了,在发布宝贝之前,按照淘宝先有数据后有操作的惯例,仍旧要先去图片空间里添加几张宝贝的图片。一个宝贝可以上传的图片上限为五张,其中最后一张会被淘宝随机抽取参与活动,这第五张...

建站相关 网店

webshop 2022-10-08

淘宝装修设置运费模板

东拼西凑的,总算有了个店铺的模型,差不多也该正经发布宝贝了,在发布宝贝之前,还有一个事情可以预先去做,哪就是——设置运费模板。之所以说可以而不是必须,是因为发布宝贝的页面,也有设置运费模板的入口,但顺序上,应该是先设置好运费模板,然后...

建站相关 网店

webshop 2022-10-08

淘宝装修设置店铺招牌

淘宝店招会出现在一个淘宝店铺的所有页面上,是一个店铺展示自己的重要渠道。也因为它的重要性,催生了很多在线制作淘宝店招的工具类网站,这类网站往往提供了很多模板与素材,也提供极高的自由度,允许拖拽并编辑内容,只是这类站点往往都需要注册后使...

建站相关 网店

webshop 2022-10-08

淘宝装修店铺主题颜色

淘宝店铺装修模块提供了多套主题配色方案,用户可以根据自己的喜好以及产品的属性选择不同的颜色搭配,更换主题颜色同样可以在登陆账号之后,通过在自己的店铺主页上点击“装修此页面”按钮,进入店铺装修页面更换。点击装修页面左侧菜单栏中的“配色”...

建站相关 网店