抖音商家開店必備
不知他們是怎么實現(xiàn)全屏裝修的。而且圖片沒有裂縫。 有人說的全屏代碼,是放到哪個位置?
644521444 2016-09-03
全部用代碼實現(xiàn),你可以先學電DW,然后通過一些軟件,比如誓言助手或者百度全(全屏熱點),但是主要要一定DW知識
首頁全屏可以用代碼實現(xiàn),并不困難;可以先做一張大圖,代入全屏代碼,感受一下。實現(xiàn)全屏基本就以下幾步:
看下淘寶店鋪是什么版本,比如旺鋪專業(yè)版 旗艦版之類的。確保可以在首頁添加950像素寬度的自定義區(qū)。
設計好全屏圖片,一般寬度是1920像素,高度按自己設計需求來。設計好后對圖片進行切片處理,方便添加鏈接。在ps里保存的時候,文件格式選擇【HTML和圖片】,然后用Dreamweaver打開HTML文件,分別添加切片的鏈接地址。把切片上傳到淘寶圖片空間,然后在Dreamweaver里用圖片空間的圖代替對應的切片。這里HTML代碼就完成的差不多了。
進入店鋪首頁裝修頁,添加一個950寬度的自定義區(qū)。編輯這個自定義區(qū),在代碼模式下
全屏代碼如下:
【從這里開始:
<div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'contentCls': 'fullScreenPosters','navCls': 'bbs-nav','effect': 'fade','autoplay': false,'circular': false}">
<div style="width:1920px;height:高度為你設計的首頁全屏高度px;overflow:hidden;" class="fullScreenPosters">
<div style="width: 1920px;left: -485px;">
<!--這里放置在Dreamweaver里設計好的代碼-->這里放置設計好的代碼
</div>
</div>
<div style="display:none;" class="bbs-nav"></div>
</div>
4.以上,完成。
全屏設計最主要的部分為第2點,淘寶活動 客服中心 爆款推薦等板塊都可在這里實現(xiàn)。
主要是在Photoshop里操作,Dreamweaver只需要略懂
對店鋪設計要求越高,越繁瑣。
huasifan123 2016-09-01
收藏下來,試一試!
我想說呵呵 2016-09-01
新手,學習一下~
愛你or愛我 2016-09-01
除了樓上的那個代碼外,還另外跟大家提供一個代碼!肯定能搞定的!
<div class="J_TWidget" data-widget-config="{"effect": "fade",
"circular": true ,"contentCls":"piao1364973733414fu"}" data-widget-
type="Tabs" style="width:1920px;height:模塊高度px;padding:0px;overflow-y:hidden;">
<div class="piao1364973733414fu" style="height:模塊高度px;">
<div class="J_TWidget" data-widget-config="{'viewSize':[1920],}" data-widget-type="Carousel"
style="z-index:10;top:-18px;left:-485px;padding:0px;margin:0px;width:1920px;"><html>
插入做好的代碼
</div>
</div>
</div>
妞的小店 2016-09-01
我有兩個代碼的解決方案,本教程具體教你怎么操作,實現(xiàn)樓主的想法,很簡單。本教程只支持淘寶C店!其他類型的店鋪我不知道,因為我沒做過。(本教程適用有基礎的,自己要會切圖,把自定義區(qū)的代碼做好)
先上代碼:
<div style="height:模塊高度px;"> <div class="footer-more-trigger mallNav-others"style="width:1920px; height:模塊高度px; border:0; padding:0; right:auto; top:auto;left:auto;"> <div class="footer-more-trigger mallNav-others" style="width:1920px;height:模塊高度px; border:0; padding:0; right:auto; top:auto; left:-485px;top:-10px;">
</div>
</div>
</div>
這個首頁要分成兩個部分上傳,一個是頁頭部分,也就是店招,店招我一般用熱點上傳,我之前用切圖上傳總會出現(xiàn)一像素的錯誤,不知道為什么。
除了150高的頁頭部分,其他全部放在一個自定義區(qū)里。
首先要強調(diào)的是全屏代碼必須要用PS切圖,不能用熱點!不會切圖的可以到網(wǎng)上找教程,切圖都不會還做什么美工啊。
既然是全屏就是1920的寬度咯,把你做好的代碼把“插入做好的代碼”替換掉(看著很拗口啊,意思就是用你的代碼把文字替換掉。然后把整段代碼拷貝到自定義區(qū)。然后把模塊高度改成你的圖片高度。就這么簡單。
抖音商家開店必備
達人/商家玩法攻略
基本操作與推廣玩法
該手冊覆蓋99%的物流問題