怎样装修淘宝店铺?栏目:淘宝   发布于:2018-11-27 11:50

怎样装修淘宝店铺?
[ 标签:淘宝店铺装修 ]

  • 全部评论(0
  • 1楼
    独立设计师林铎 2018-11-27 13:20:32

    按我之前打酱油开店的经验看的话。最重要的是流量,装修店铺都是随便搞。只有你宝贝价格质量性价比高,主图能体现卖点,标题能抓住展现,订单哗哗来,除了一些风格店,谁会在意你店铺装修的怎么样。你按这个思路去网上搜教程



  • 2楼
    唯恩梦耀 2018-11-27 12:50:32

    其实这个很简单先排版把用H5的那个代码可以直接装修,首先把自定义模块设置成950的,然后如果自己要做全屏的话加上


    <div class="MaGong" data-title="" data-time="1500803899" style="height:900px;">

    <div class="footer-more footer-more-trigger" style="left:auto;right:auto;width:950px;height:900px;top:auto;padding:0;border:none;z-index:1;background:none;">

    <div class="footer-more footer-more-trigger" style="left:-485px;top:0px;height:900px;width:1920px;border:none;padding:0;background:none;">

    <div data-widget-config="{"easing":"easeOutStrong","interval":4,"navCls":"ma_na","contentCls":"macontent","prevBtnCls":"Mprev","autoplay":true,"nextBtnCls":"Mnext","circular":true,"duration":1,"activeTriggerCls":"hidden","effect":"scrollx","viewSize":[1920],"triggerType":"mouse"}" data-widget-type="Carousel" class="J_TWidget">

    <div class="J_TWidget Mprev" data-widget-config="{"trigger":".EQ","align":{"node":".EQ","offset":[-510,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">

    <div class="Mprev" style="font-size:100px;cursor:pointer;">

    <img src="http://gdp.alicdn.com/imgextra/i1/3297238217/TB2LRZnbj3nyKJjSZFHXXaTCpXa-3297238217.gif" />

    </div>

    </div>

    <div class="J_TWidget Mnext" data-widget-config="{"trigger":".EQ","align":{"node":".EQ","offset":[510,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">

    <div class="Mnext" style="font-size:100px;cursor:pointer;">

    <img src="http://gdp.alicdn.com/imgextra/i1/3297238217/TB2LRZnbj3nyKJjSZFHXXaTCpXa-3297238217.gif" />

    </div>

    </div>

    <div class="EQ" style="height:900px;width:1920px;overflow:hidden;padding:0px;margin:0px;border:0;background:none;">

    <ul class="macontent" style="height:900px;width:1920px;padding:0px;margin:0px;">

    <li class="item">

    <a target="_blank" href="//item.taobao.com/item.htm?spm=a1z10.3-c.w4002-16708467419.40.2732acaadpIrOb&id=554653076235&scene=taobao_shop"><img src="http://gdp.alicdn.com/imgextra/i4/3297238217/TB2WxIlbd3nyKJjSZFEXXXTTFXa-3297238217.jpg" /></a>

    </li>

    <li class="item">

    <a target="_blank" href="//item.taobao.com/item.htm?spm=a1z10.3-c.w4002-16708467419.546.469564ff1z8jUr&id=554813562746&scene=taobao_shop"><img src="http://gdp.alicdn.com/imgextra/i4/3297238217/TB2LiwjbjZnyKJjSZFxXXabIpXa-3297238217.jpg" /></a>

    </li>

    </ul>

    </div>

    <div class="footer-more footer-more-trigger" style="width:1920px;height:45px;left:auto;top:auto;bottom:0;padding:0px;border:none;background:none;display:block;">

    <div class="footer-more footer-more-trigger" style="z-index:99;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;">

    <ul class="ma_na" style="width:1920px;height:45px;margin:0 auto;text-align:center;border:none;color:#FFF;">

    <li class="hidden" style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">


    </li>

    <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">


    </li>

    </ul>

    </div>

    <div class="footer-more footer-more-trigger" style="z-index:98;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;background:none;">

    <ul class="ma_nb" style="width:1920px;height:45px;margin:0 auto;text-align:center;border:none;color:#333333;">

    <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">


    </li>

    <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">


    </li>

    </ul>

    </div>

    </div>

    </div>

    </div>

    </div>

    </div>-----------------------------------------如下

    height:900px是图片整体的高度 IMG自己替换掉就可以了。




    图片宽度在PS里面设置成1920的,排版的话用PS就可以了

    这个比较简单但是做出来非常的大气,在PS里面设置一个1920 X900的图层,然后新建两个参考线 两边预留450 中间950 用蒙板设置 400X400 X400的三个正方形图层,然后把宝贝的图片放在里面,然后添加热点的话target="_blank" href 这个代码就行 宝贝连接

    按照顺序每个连接添加进去,然后把代码复制到自定义连接里面,双击 有个>>的符号这个是源代码模式然后点击确定就可以了,每个模块高度是900在PS里面把图片切好每个模块这样添加进去就可以了 ,希望可以帮到你。


  • 3楼
    堪典历史 2018-11-27 12:20:32

    很高兴能为你解答。为了很直观的说明、演示,我从网上截取了一个店铺的首页。



    店招。

    如图黄色区域即为店招,店招也就是俗称的导航栏,能够快速定位到所需的版块。

    店招在装修的时候需要分成两个来装修,一是页头背景,二是加链接的店招。

      做成1920长150宽的一张图,把需要加链接的地方控制在中间950长度内;

      做好的图一张1920,一张截取需要加链接的正中间950;

      将950长的图,上传到图片空间,并用DW加好链接,放入店招的代码处;

      4.将1920长图放入页头背景,完成店招装修。

      海报。

      店招下面的整体就可以叫做海报区域。在这个需要用到最多的就自定义模块,用自定义模块、配合代码能够很好的表达你想要的表达的效果。

        用自带的功能

        在装修后台有很多模块可以很简单的拖过来,完成简单、机械式的装修。


        2.用DW,或者其他代码工具写好后放入自定义的代码框中,实现自己想要的效果。


        3.装修结束不要忘记点击发布哦。


        如果你觉得自己没精力装修、太麻烦,那就去服务市场看看,买一个模板就可以了。


说点什么吧

相关文章