当前位置:

旺宝神器 > 卖家学院 > 旺铺知识 > 正文

【旺铺装修经验分享】玩转自定义内容区,扶植版也美翻了

时间:12/05/02小编:[随机用户名]来源:http://www.6299.cc/人气:

恭喜EY店铺入围《秀店铺,大奖拿不停》30强

         希望大家一如既往的支持EY哦,多多交流

 

玩转自定义内容区,扶植版也美翻了

 

http://echoyisa.taobao.com

  

遇见EY,不是意外

 

 

 

干货干货,EY送干货来啦。扶植版也很强大的哦

EY家主营外贸女装和袜子,两类宝贝

店里的宝贝都是EY实物拍摄哦,所以背景、调色、明暗,自己比较好把握

在装修上左侧190宽,侧重袜子;右侧750宽,更适合放大图,侧重女装

少说,多上图,先来看看EY的店铺吧,主要是店招和2个自定义内容区的截图

店铺装修都是EY一手完成的,虽然也是多次完善,但是木有花一分钱的哦,也没有用过装修市场的工具

EY实在很喜欢装修哈哈,就把这店当自己闺女了,给她好好打扮打扮

 

 

 

 

 

 

 

 

 

 

 

下面我分3个方面,分享下我的装修心得

 

-------------------------【店招】--------------------------

看起来挺小的一块地方,真是煞费苦心。刚开店的时候,成天找950宽的图,跟自己店的风格总是对不上。

又不想用小图拼接起来,觉得太零散。每次换店招都挺头疼的。

后来发现找背景纯色或者空白的图片就非常省心了,因为即使图片本身只有600宽,只有图片边缘是纯色的,就可以把它的纯色背景延伸,做成950宽的图。

EY现在的店招,是由一张白色背景和店名、店址三部分组成的。

因为跟本身网页背景颜色一致,所以店招已经看不出是950*150的宽度了

资料图的高度设置成150,就可以用到店招里了。因为左边有”首页、宝贝分类“等字,所以把资料图放右侧比较好

与周围更加融合了

 

 

 

 

 

 

 

--------------------------【左侧自定义区】--------------------------

 

 EY的左侧自定义内容区,主要是3部分内容:收藏本店、客服区、热卖袜子展示

左右两栏的自定义内容区的编辑器是一样的,都可以插入图片、插入超链接、也都可以用代码

所以它们的发挥空间是很大的。

【收藏本店】

EY刚开店的时候,有个朋友说”找不到收藏店铺的地方“,所以我一直把”收藏店铺“放在显要位置

也希望自己的小店聚集更多人气。

作图时也是找了一张欧风的图片,依然是白色背景,图片是黑白的,把”BOOKMARK收藏店铺”

的文字突出。

为了店铺的整体性,把空白区留在左侧边界,把图片右侧边界截掉了一部分,突出左右两栏分界线

PS:有的卖家可能会选择把950的大图分配到两栏190+750,这样视觉感更加强烈

 

【客服区】

EY运用了“旺遍天下”(方便客服分流),因为最近报名参加了一个活动,希望能带来更多流量

使用了一串“分隔符号”,与其它内容表示分隔。很方便吧?直接在键盘上就能打出来的符号

 

    

 

 

【热卖袜子展示区】

这些袜子款式,也是挑了很久的,根据颜色和款式调整了排版。给每个图都添加了超链接

这里要分享的是图片空间的一个功能,我觉得非常好用。

EY的图都是800宽,都是大图。这些袜子的图片却没有重新做哦,因为图片空间提供了"查看小图"的功能(各种尺寸)。“复制”是指复制该尺寸的图片地址链接,“查看”是该尺寸大小的图片

EY袜子的图片都是点了图片高度和宽度大约160的那一档??“查看”,因为左侧本身就只有190宽

在新页面里点鼠标右键“复制”,再到自定义区内粘贴就可以了

 

 

 

 

 

--------------------【右侧自定义区】----------------------

 

 

右侧自定义内容区,EY分配给了女装

里面包括:轮播图、搭配展示、掌柜说说、服装大类按钮,还有一个隐形模块“背景音乐”

其中“轮播图”、服装大类按钮(表格式)、背景音乐都是用代码实现的

谁都不能否认轮播图的视觉效果,EY也研究了很久搞定了这个轮播代码

但是因为它不是一个整体模块,所以在后台显示是错乱的,和其他内容是叠加的,这是费劲的地方

TIPS:

1、HEIGHT: 400px     这里的”400“是指你轮播图的高度,根据实际图片高度调整

2、<li><A href="图片超链接地址"><img alt="" src="图片地址"></A>&nbsp; </li>
  
这是对应一张图的代码。如果想要更多轮播的图片,就复制这段代码,粘贴在”</ul></DIV>
“代码的前面就行了

3、 音乐文件越小,加载越快

 

【轮播图代码】分享

<DIV style="HEIGHT: 400px" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'scrolly','contentCls': &#13;&#13;'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide">
<ul class=lst-main>
<li><A href="图片超链接地址"><img alt="" src="图片地址"></A>&nbsp; </li>
<li><A href="图片超链接地址"><img alt="" src="图片地址"></A>&nbsp; </li>
</ul></DIV>
<DIV></DIV>

 

【背景音乐代码】分享
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD><BGSOUND balance=0 volume=0 loop=infinite src="音乐链接地址"></BGSOUND></TD></TR></TBODY></TABLE>

 

 

 

搭配展示的图片都是另作的,也是考虑了背景抠白和宽度分配

下面文字说明了下搭配的宝贝分别是什么,都是店里有出售的

有2个问题

1、每插入一张图片,光标就会跳到最前面,图片也就插在最前面,而不是我想要的位置

2、下面这排字,自己明明用空格调整了它们的位置(对应在图片下面),在后台显示是正确的,可是一到实际页面,它们就左移,跟上面的图片排不齐

大家有同样的问题吗?

 

 

服装大类按钮,碰到一个问题:字体颜色改不过了,无论是代码里改还是用编辑器的按钮,都不行呢

下面这排的”来EY看看真面目吧“添加超链接后,也改不过来颜色呢

 

 

 

 

---------------------  【来EY看看真面目吧】  ---------------------

 

 

EY花了一晚上时间

整理了下自己的装修思路

也分享了一些内容

希望大家多多支持多多回帖

谢谢

标签:

软件下载

注册送100积分,免费提升流量

  • 互动收藏
  • APP流量
  • 提升购物车