快消品貨源批發(fā)市場
快消品貨源分銷平臺
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 淘寶店鋪如何全屏裝修呢?

淘寶店鋪如何全屏裝修呢?

放大字體  縮小字體 發(fā)布日期:2024-12-07 11:08:54  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):13

今天剛學(xué)會。通過不花一毛錢就可以跳出淘寶設(shè)置的950框架,做全屏的淘寶店鋪首頁裝修。需要一丟丟代碼知識,要學(xué)會套用。

原理:不用買模板也可以IDE,de用代碼編輯 單圖全屏模式就可以

1.首先,當(dāng)然是把淘寶自帶導(dǎo)航去掉,淘寶導(dǎo)航只支持CSS代碼)

插入代碼.skin-box-bd .menu-list{display:none;}.all-cats{display:none;}.skin-box-bd{background:none;} 點(diǎn)擊確定

你會發(fā)現(xiàn),導(dǎo)航被影藏掉了

2.接著可以做店招了,店招只支持950的寬度,全屏顯示是1920.怎么破?原理很簡單,做一個1920的店招,取中間950放自己的內(nèi)容。然后將1920整張?jiān)O(shè)置為店招背景,再將950的部分裁出來上傳到店招的位置,就把背景重復(fù)的覆蓋掉了~~

以下圖是950的店招區(qū)域

然后添加1920整張圖片作為背景

再看一下,兩部分就疊加一起了~

預(yù)覽一下~跳出950框架,巧妙1920全屏了

3.接下來可以開始做產(chǎn)品頁面了,全部做成1920寬度,時(shí)間關(guān)系,我就以色塊表示,做好之后切片保存為圖像和HTML格式(因?yàn)槊總€寶貝都要添加鏈接,要用到DW)

然后,到布局管理里面把淘寶的模板刪掉~~,自己添加一個自定義模塊(一個就行,把圖片全部放進(jìn)去)

進(jìn)入編輯狀態(tài)。因?yàn)榭蚣苁侵С?50的,所以直接把圖片上傳的話,系統(tǒng)就會自動壓縮成950.而要做1920的就要用到css代碼了。

<div style="height:450px;">

<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">

<a href="這是產(chǎn)品的連接地址" target="_blank">

<img src=http://www.deerpark1movers.com/skin/qyskindir/image/nopic.gif " width="1920px" height="450px" border="0" />

</a>

</div>

</div>

</div>

重要事情說3遍。切了多少張圖片藍(lán)色代碼就復(fù)制多少次,比如我剛才切3張,就復(fù)制3次,然后依次把圖片地址換掉。

比如我改好之后是這樣的,三張圖片就添加好了。

 

這里的450高度根據(jù)自己實(shí)際情況改,我這里改成了1500px

 

預(yù)覽一下~~,頁頭和頁面都挑出了原有框架。會了這招,就不用花錢買模板了。整個邏輯其實(shí)就是添加CSS代碼,沖出原有固定框架~~。下班~~~下班~~

補(bǔ)充

有人問DW,補(bǔ)充一下用DW添加鏈接,把圖片都上傳好之后,把源代碼全部復(fù)制到DW代碼里面,點(diǎn)擊拆分或者設(shè)計(jì),點(diǎn)擊選中圖片,就會出現(xiàn)框選區(qū)域的工具,就可以框選區(qū)域了,對你的寶貝添加鏈接。鏈接必須是淘寶的鏈接,其他鏈接不會成功。。因?yàn)樘詫氁呀?jīng)設(shè)定了。。。搞好之后,再把全部代碼復(fù)制回到淘寶。。。就ok了。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站:百度百科、知乎淘寶平臺規(guī)則

本文來源: 淘寶店鋪如何全屏裝修呢?

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶網(wǎng)店裝修8個誤區(qū),哪個你經(jīng)常犯? 【官方】旺鋪新功能多端同步頁使用教程
淘寶天貓寶貝詳情頁模板添加關(guān)聯(lián)產(chǎn)品連帶的方法 淘寶裝修子賬號設(shè)置流程
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net