做過淘寶、天貓店鋪裝修的同志,一定會(huì)面臨尷尬的問題。 為什么當(dāng)?shù)貙懙拇a放在店鋪里,就不能全屏顯示嗎? 只能顯示950像素或990像素的寬度嗎? (這個(gè)問題很多人可能知道,但很多人可能不知道,所以決定寫教程幫助大家。)
有同志要問了,米色老濕你的全屏代碼跟別人的全屏代碼哪里不一樣呢?
因?yàn)槲抑捞詫毢吞熵埖牡赇伆姹静灰粯樱源a有時(shí)會(huì)不一樣。 我的全屏代碼是天貓和天貓通用的。 另外,無論內(nèi)容的寬度如何,都可以實(shí)現(xiàn)完整的全屏中央顯示。 而且很容易使用。 閑話不多說,進(jìn)入正題:
一:為什么店鋪里面不能全屏
在上圖的代碼中,可以看到定制模塊框架中名為skin-box-bd的class兄弟有兩種樣式的width:750px。 overflow:hidden;
同志有想問的事情,這有什么問題。 上面兩種樣式意味著750px寬; 溢出來藏起來。 顧名思義就是放入定制模塊中的內(nèi)容,如果寬度超過750,超過的部分就會(huì)被遮住,當(dāng)然就不能全屏了。
二:解決思路
在談思路之前,先說一句,只能在全屏店鋪中使用定位來實(shí)現(xiàn)。 但是,淘寶上不允許店鋪內(nèi)的商家使用定位(相對(duì)定位除外)和外距離的負(fù)值。 那需要仔細(xì)考慮如何實(shí)現(xiàn)。 它利用雙重定位功能,將需要全屏的內(nèi)容移動(dòng)兩次,以獲得全屏效果
三:具體實(shí)現(xiàn)代碼
div class=’miseu’ style=’height :【高度2】px;’
div
class=’ footer-more-trigger most-footersn-simple-logo ‘ style=’ position :
絕對(duì); left: 50%; top: auto; width: 0; height: inherit; border: 0
墊: 0; background: transparent; ‘ ‘
div
class=’ footer-more-trigger most-footersn-simple-logo ‘ style=’ position :
絕對(duì); left: -【店鋪類型】px; top :【到下邊的距離】px; width: 1920px; height :【高度】px;
border: 0px; padding: 0px; background: transparent; ‘ ‘
divclass=’ clearfix j _ t構(gòu)件’ style=’ margin:0 auto; width【寬度】px; height :【高度】px;’ data-source=’樂發(fā)網(wǎng)www.mli789.com‘
【內(nèi)容】
/div
/div
/div
/div
參數(shù)剖析:
【高度2】:【高度】-【下沖】
【店鋪類型】:天貓店和淘寶專版在這里修改為960
【到下邊的距離】:定制模塊之間的距離,天貓和淘寶的專業(yè)版在這里寫10,基礎(chǔ)版店鋪在這里寫20。 如果不需要消除定制模塊之間的距離,則寫0
【高度】:需要全屏的內(nèi)容的整體高度
【寬度】:需要全屏內(nèi)容的整體寬度
【內(nèi)容】:這里用需要全屏的代碼替換
注意:替換時(shí)【】這個(gè)括號(hào)也一起替換了
四:拓展說明
雖然寫得很清楚,但可能有些同志還是覺得麻煩,所以我又專門按照說明添加了內(nèi)容,制作了在線生成工具,點(diǎn)擊按鈕自動(dòng)生成所需的代碼。 工具地址(復(fù)制目標(biāo)在瀏覽器中打開) )。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來源: 淘寶店鋪全屏代碼,淘寶店招全屏代碼