社區(qū) 發(fā)現(xiàn) Shopify Shopify如何自定義多個頁面模板(方...
Shopify如何自定義多個頁面模板(方便隨時調(diào)用)?
發(fā)帖12次
被置頂0次
被推薦0次
質(zhì)量分1星
回帖互動70次
歷史交流熱度13.26%
歷史交流深度0%
做過Shopify的賣家知道,Shopify里面的主題就像一個框架,你可在這個框架內(nèi)填寫內(nèi)容,但是,你會發(fā)現(xiàn)這也是他的一個弊端,比如:
你的主題頁面是80%寬度的,不管你填寫什么內(nèi)容,在Shopify上面怎么改,調(diào)整,他都不會達(dá)到100%全寬頁面,你不能輕易改變這個框架。如果你既想保留80%頁面寬,又想擁有100%的頁面,又怎么操作呢?我們可以通過更改主題的代碼來達(dá)到這樣的目的;更改好之后,可以通過如下圖所示的下拉框來選擇你所需要的模板;
開始操作:
第一步:找到要控制要修改頁面的主題文件:page.liquid

第二步:在Templates下面的新增templates點(diǎn)擊新增模板,因?yàn)橐薷?,所以選擇page,命名為容易區(qū)分的模板名稱(因?yàn)檫@個模板創(chuàng)建好之后,會出現(xiàn)在產(chǎn)品頁的模板選擇下拉菜單里面),然后點(diǎn)擊創(chuàng)建模板;
?

?
第三步:這里是以Shopify免費(fèi)主題Debut為例子的教程,講解更改代碼的思路;
由于控制頁面寬度的是page-width選擇器,所以我們把他替換掉,換成自定義的page-fullwidth,

問:怎么知道他是控制頁面寬度的選擇器呢?
可以轉(zhuǎn)到頁面,審查元素,可以看到如下圖所示:頁面的最大寬度是1200px,調(diào)整他的最大寬度到全寬;更改他的像素值,頁面寬度就會變化;

第四步:開始修改里面的代碼,將代碼修改成如下所示:修改完成后,你的頁面就全寬
?
總結(jié):Shopify的主題模板的修改流程大致如上面的介紹,你可以根據(jù)介紹,修改增加產(chǎn)品模板,修改結(jié)算頁面,購物車頁面,顧客登錄頁等等。(記得備份主題數(shù)據(jù))
?
沒有找到相關(guān)結(jié)果
已邀請:
發(fā)起人
-
-
wzby931856151
90后搬磚達(dá)人,QQ931856151
問題狀態(tài)
- 最新活動: 2019-07-23 17:39
- 瀏覽: 7867
- 關(guān)注: 4 人
付費(fèi)閱讀推薦
推薦問題
優(yōu)質(zhì)話題
案例分析
超級話題
- # 超級話題 # # 2024年如何計(jì)劃 # 最近...
- # 超級話題 # 翻新會死店鋪?新規(guī)!一...
- # 超級話題 # 千人千面的情況下(假設(shè)...
- # 超級話題 # # 希望真的是第一生產(chǎn)力...
- # 超級話題 # 國慶又是結(jié)婚的高峰期,...
- # 超級話題 # 亞馬遜大變革:亞馬遜供...
- # 超級話題 # 亞馬遜要給老品降權(quán)?近...
- # 超級話題 # 離職創(chuàng)業(yè)如何擺脫不能自...
- # 超級話題 # 權(quán)重權(quán)重,天天都在講權(quán)...
- # 超級話題 # 關(guān)于自然位與廣告位千人...
優(yōu)質(zhì)專欄
知無不言社區(qū)賣家微信群
- 現(xiàn)在掃碼加入,超過19萬跨境電商人關(guān)注......
-
今天,
信息浩瀚,時光匆匆。
對品牌的向往、對使命的尊重,
唯有勤奮者可以緊握時代脈搏。
博觀約取,勇敢精進(jìn),
不負(fù)青春榮光。 -
熱門資源
-
知無不言丨同城會 線下賣...
¥ 7999.00-7999.00
深圳市湯武之光技術(shù)有限公司 1個評價 5.0星
-
【透明計(jì)劃官方經(jīng)理快速對...
¥ 0.05-0.05
亞馬遜全球開店 0個評價 0.0星
-
賣家精靈-亞馬遜大數(shù)據(jù)選...
¥ 368.00-4416.00
成都云雅信息技術(shù)有限公司 17個評價 4.9星
2 個回復(fù)
uc
贊同來自: