社區(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)整,他都不會達到100%全寬頁面,你不能輕易改變這個框架。如果你既想保留80%頁面寬,又想擁有100%的頁面,又怎么操作呢?我們可以通過更改主題的代碼來達到這樣的目的;更改好之后,可以通過如下圖所示的下拉框來選擇你所需要的模板;
開始操作:
第一步:找到要控制要修改頁面的主題文件:page.liquid

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

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

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

第四步:開始修改里面的代碼,將代碼修改成如下所示:修改完成后,你的頁面就全寬
?
總結(jié):Shopify的主題模板的修改流程大致如上面的介紹,你可以根據(jù)介紹,修改增加產(chǎn)品模板,修改結(jié)算頁面,購物車頁面,顧客登錄頁等等。(記得備份主題數(shù)據(jù))
?
沒有找到相關(guān)結(jié)果
已邀請:
發(fā)起人
-
-
wzby931856151
90后搬磚達人,QQ931856151
問題狀態(tài)
- 最新活動: 2019-07-23 17:39
- 瀏覽: 7564
- 關(guān)注: 4 人
付費閱讀推薦
推薦問題
優(yōu)質(zhì)話題
案例分析
超級話題
- # 超級話題 # # 2024年如何計劃 # 最近...
- # 超級話題 # 翻新會死店鋪?新規(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)注......
-
今天,
信息浩瀚,時光匆匆。
對品牌的向往、對使命的尊重,
唯有勤奮者可以緊握時代脈搏。
博觀約取,勇敢精進,
不負青春榮光。 -
熱門資源
-
知無不言丨同城會 線下賣...
¥ 5999.00-5999.00
深圳市湯武之光技術(shù)有限公司 1個評價 5.0星
-
H10全新升級!--行業(yè)...
¥ 722.70-20060.00
Helium10 6個評價 4.8星
-
有孚出?!獙W⒂诳缇城?..
¥ 1000.00-20000.00
深圳市有孚出海信息咨詢有限公... 5個評價 5.0星
2 個回復(fù)
uc
贊同來自: