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

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

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

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

第四步:開始修改里面的代碼,將代碼修改成如下所示:修改完成后,你的頁(yè)面就全寬
?
總結(jié):Shopify的主題模板的修改流程大致如上面的介紹,你可以根據(jù)介紹,修改增加產(chǎn)品模板,修改結(jié)算頁(yè)面,購(gòu)物車頁(yè)面,顧客登錄頁(yè)等等。(記得備份主題數(shù)據(jù))
?
沒(méi)有找到相關(guān)結(jié)果
已邀請(qǐng):
發(fā)起人
-
-
wzby931856151
90后搬磚達(dá)人,QQ931856151
問(wèn)題狀態(tài)
- 最新活動(dòng): 2019-07-23 17:39
- 瀏覽: 7864
- 關(guān)注: 4 人
付費(fèi)閱讀推薦
推薦問(wèn)題
- 強(qiáng)制讀書會(huì)、工服和不合理團(tuán)建,讓工作...
- 怎么在和上級(jí)溝通中占到上風(fēng)?
- 面試的一個(gè)問(wèn)題,想聽聽大家的想法:現(xiàn)...
- 大促的時(shí)候同事不小心被0元購(gòu)了,開cas...
- 失業(yè)了要不要繼續(xù)做跨境電商?如果轉(zhuǎn)行...
- 黑色星期五/網(wǎng)購(gòu)星期一活動(dòng)周的 Prime ...
- 亞馬遜3年經(jīng)驗(yàn)在深圳能拿到多少薪資?2...
- 普通人也能通過(guò)有目的性的練習(xí),成為天...
- # 超級(jí)話題 # 亞馬遜9.2變體新規(guī),將移...
- 好久不見,95后的你們還好嗎?你們還在...
優(yōu)質(zhì)話題
- 工欲善其事,必先利其器--整理了收藏夾...
- 25年純小白女入局亞馬遜,想開始做副業(yè)...
- 單干一年多,雖然沒(méi)有一夜暴富,但是也...
- 到底什么是優(yōu)化?你真的優(yōu)化對(duì)了嗎?
- 分享我的思路給大家,也是總結(jié)我這小四...
- 社保,5險(xiǎn)1金,2025年開始,消費(fèi)又將進(jìn)...
- 廣告永遠(yuǎn)只是一個(gè)工具,并不能決定你的...
- 第三期:我在亞馬遜寫文章---新品推廣...
- 什么是廣告內(nèi)部競(jìng)爭(zhēng),如何避免無(wú)效消耗
- 作為求職者,怎么判斷面試是不是在套經(jīng)...
- 強(qiáng)制讀書會(huì)、工服和不合理團(tuán)建,讓工作...
- 怎么在和上級(jí)溝通中占到上風(fēng)?
- 面試的一個(gè)問(wèn)題,想聽聽大家的想法:現(xiàn)...
- 大促的時(shí)候同事不小心被0元購(gòu)了,開cas...
- 失業(yè)了要不要繼續(xù)做跨境電商?如果轉(zhuǎn)行...
- 黑色星期五/網(wǎng)購(gòu)星期一活動(dòng)周的 Prime ...
- 亞馬遜3年經(jīng)驗(yàn)在深圳能拿到多少薪資?2...
- 普通人也能通過(guò)有目的性的練習(xí),成為天...
- # 超級(jí)話題 # 亞馬遜9.2變體新規(guī),將移...
- 好久不見,95后的你們還好嗎?你們還在...
案例分析
- # 案例分析 # 各位大佬新品廣告沒(méi)曝光...
- # 案例分析 # 請(qǐng)大佬支招,現(xiàn)有 70多 r...
- 【征集案例分析,可參考本帖】為什么3c...
- 美國(guó)站一個(gè)競(jìng)爭(zhēng)比較激烈的類目,廣告投...
- # 案例分析 # 一個(gè)月的新品(暫算新品...
- 【征集案例分析,可參考本帖】24年進(jìn)場(chǎng)...
- # 案例分析 # 廣告數(shù)據(jù)1月份對(duì)比12月份...
- 【征集案例分析,可參考本帖】 新品廣...
- 【征集案例分析,可參考本帖】低客單價(jià)...
- 【征集案例分析,可參考本帖】產(chǎn)品突然...
超級(jí)話題
- # 超級(jí)話題 # 選品和關(guān)鍵詞的關(guān)系?選...
- # 超級(jí)話題 # 重磅!?。」咀?cè)資本...
- # 超級(jí)話題 # # 總結(jié)23年單干經(jīng)驗(yàn) # 重...
- # 超級(jí)話題 # tume股票暴漲,最終會(huì)像...
- # 超級(jí)話題 # 大家都說(shuō)多多TEMU卷,實(shí)...
- # 超級(jí)話題 # 這么多年專研廣告打法,...
- # 超級(jí)話題 # 我勒個(gè)豆 !亞馬遜居然主...
- # 超級(jí)話題 # AI評(píng)論總結(jié)對(duì)轉(zhuǎn)化影響有...
- # 超級(jí)話題 # 2023年,你刷了么?本人...
- # 超級(jí)話題 # 理性討論,亞馬遜是否會(huì)...
- # 超級(jí)話題 # # 2024年如何計(jì)劃 # 最近...
- # 超級(jí)話題 # 翻新會(huì)死店鋪?新規(guī)!一...
- # 超級(jí)話題 # 千人千面的情況下(假設(shè)...
- # 超級(jí)話題 # # 希望真的是第一生產(chǎn)力...
- # 超級(jí)話題 # 國(guó)慶又是結(jié)婚的高峰期,...
- # 超級(jí)話題 # 亞馬遜大變革:亞馬遜供...
- # 超級(jí)話題 # 亞馬遜要給老品降權(quán)?近...
- # 超級(jí)話題 # 離職創(chuàng)業(yè)如何擺脫不能自...
- # 超級(jí)話題 # 權(quán)重權(quán)重,天天都在講權(quán)...
- # 超級(jí)話題 # 關(guān)于自然位與廣告位千人...
優(yōu)質(zhì)專欄
知無(wú)不言社區(qū)賣家微信群
- 現(xiàn)在掃碼加入,超過(guò)19萬(wàn)跨境電商人關(guān)注......
-
今天,
信息浩瀚,時(shí)光匆匆。
對(duì)品牌的向往、對(duì)使命的尊重,
唯有勤奮者可以緊握時(shí)代脈搏。
博觀約取,勇敢精進(jìn),
不負(fù)青春榮光。 -
熱門資源
-
知無(wú)不言丨同城會(huì) 線下賣...
¥ 7999.00-7999.00
深圳市湯武之光技術(shù)有限公司 1個(gè)評(píng)價(jià) 5.0星
-
【透明計(jì)劃官方經(jīng)理快速對(duì)...
¥ 0.05-0.05
亞馬遜全球開店 0個(gè)評(píng)價(jià) 0.0星
-
賣家精靈-亞馬遜大數(shù)據(jù)選...
¥ 368.00-4416.00
成都云雅信息技術(shù)有限公司 17個(gè)評(píng)價(jià) 4.9星
2 個(gè)回復(fù)
uc
贊同來(lái)自: