在淘寶各式各樣的營銷方法中，視覺營銷可以說是最重要的一個營銷方法，因此淘寶店鋪裝修自然而然就成了視覺營銷必備的前提條件。

平常我們看到那些裝修的很高端大氣上檔次的店鋪，他們又是如何做視覺營銷、如何裝修出來的呢？其實代碼裝修在他們裝修是起到了很重要的因素，只有代碼才能將店鋪裝修實現多樣化，從而提升視覺效果。

如果我們可以利用更多的代碼裝修店鋪，那淘寶的裝修還會差嗎？

如下圖中，此款為雙圖垂直滾動模版代碼，其實也就是兩邊共4張圖片輪播就是了，兩邊不規則垂直的滾動自動播放，停留時間約3秒、滾動的時間為0.5秒。

關于尺寸：寬度限制為淘寶470，天貓490。高度可以任意設置、我這里是設置了360。

裝修代碼：

<div style="width:950px;height:360px;position:relative;margin-top:0px;float:left;" data-title="本代碼由甩手網提供">
         <div class="skin-box-bd clear-fix" style="width:470px;height:360px;position:relative;float:left;">
                <div class="slider-promo J_TWidget" data-widget-config="{'effect': 'scrolly','triggerType':'mouse','interval':3,'duration':0.5,'autoplay':true,'navCls': 'lst-trigger','contentCls': 'lst-main','activeTriggerCls': 'current'}" data-widget-type="Slide" style="width:950px;height:auto;position:relative;" data-title="本代碼由甩手網提供">
                        <div class="lst-main" style="margin-left:0px;top:-360px;">                               
                                <div class="laimon_slb" style="display:block;">
                                        <span><a title="" href="連接1" target="_blank">
                                        <img src="圖片1" style="width:470px;height:360px;"></a></span></div>
                                <div class="laimon_slb" style="display:block;">
                                        <span><a title="" href="連接2" target="_blank">
                                        <img src="圖片2" style="width:470px;height:360px;"></a></span></div>                               
                        </div>
                </div>
        </div>

        <div class="skin-box-bd clear-fix" style="width:470px;height:360px;position:relative;margin-left:10px;float:left;">
                <div class="slider-promo J_TWidget" data-widget-config="{'effect': 'scrolly','triggerType':'mouse','interval':3,'duration':0.5,'autoplay':true,'navCls': 'lst-trigger','contentCls': 'lst-main1','activeTriggerCls': 'current'}" data-widget-type="Slide" style="width:950px;height:auto;position:relative;" data-title="本代碼由甩手網提供">
                        <div class="lst-main1" style="top:-360px;">                               
                                <div class="laimon_slb" style="display:block;">
                                        <span><a title="" href="連接3" target="_blank">
                                        <img src="圖片3" style="width:470px;height:360px;"></a></span></div>
                                <div class="laimon_slb" style="display:block;">
                                        <span><a title="" href="連接4" target="_blank">
                                        <img src="圖片4" style="width:470px;height:360px;"></a></span></div>
                        </div>
                </div>
        </div>
 </div>

天貓：

<div style="width:990px;height:360px;position:relative;margin-top:0px;float:left;" data-title="本代碼由甩手網提供">
         <div class="skin-box-bd clear-fix" style="width:490px;height:360px;position:relative;float:left;">
                <div class="slider-promo J_TWidget" data-widget-config="{'effect': 'scrolly','triggerType':'mouse','interval':3,'duration':0.5,'autoplay':true,'navCls': 'lst-trigger','contentCls': 'lst-main','activeTriggerCls': 'current'}" data-widget-type="Slide" style="width:990px;height:auto;position:relative;" data-title="本代碼由甩手網提供">
                        <div class="lst-main" style="margin-left:0px;top:-360px;">                               
                                <div class="laimon_slb" style="display:block;">
                                        <span><a title="" href="連接1" target="_blank">
                                        <img src="圖片1" style="width:490px;height:360px;"></a></span></div>
                                <div class="laimon_slb" style="display:block;">
                                        <span><a title="" href="連接2" target="_blank">
                                        <img src="圖片2" style="width:490px;height:360px;"></a></span></div>                               
                        </div>
                </div>
        </div>

        <div class="skin-box-bd clear-fix" style="width:490px;height:360px;position:relative;margin-left:10px;float:left;">
                <div class="slider-promo J_TWidget" data-widget-config="{'effect': 'scrolly','triggerType':'mouse','interval':3,'duration':0.5,'autoplay':true,'navCls': 'lst-trigger','contentCls': 'lst-main1','activeTriggerCls': 'current'}" data-widget-type="Slide" style="width:990px;height:auto;position:relative;" data-title="本代碼由甩手網提供">
                        <div class="lst-main1" style="top:-360px;">                               
                                <div class="laimon_slb" style="display:block;">
                                        <span><a title="" href="連接3" target="_blank">
                                        <img src="圖片3" style="width:490px;height:360px;"></a></span></div>
                                <div class="laimon_slb" style="display:block;">
                                        <span><a title="" href="連接4" target="_blank">
                                        <img src="圖片4" style="width:490px;height:360px;"></a></span></div>
                        </div>
                </div>
        </div>
 </div>