社區(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的賣(mài)家知道,Shopify里面的主題就像一個(gè)框架,你可在這個(gè)框架內(nèi)填寫(xiě)內(nèi)容,但是,你會(huì)發(fā)現(xiàn)這也是他的一個(gè)弊端,比如:
你的主題頁(yè)面是80%寬度的,不管你填寫(xiě)什么內(nèi)容,在Shopify上面怎么改,調(diào)整,他都不會(huì)達(dá)到100%全寬頁(yè)面,你不能輕易改變這個(gè)框架。如果你既想保留80%頁(yè)面寬,又想擁有100%的頁(yè)面,又怎么操作呢?我們可以通過(guò)更改主題的代碼來(lái)達(dá)到這樣的目的;更改好之后,可以通過(guò)如下圖所示的下拉框來(lái)選擇你所需要的模板;
開(kā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ì)變化;

第四步:開(kāi)始修改里面的代碼,將代碼修改成如下所示:修改完成后,你的頁(yè)面就全寬
?
總結(jié):Shopify的主題模板的修改流程大致如上面的介紹,你可以根據(jù)介紹,修改增加產(chǎn)品模板,修改結(jié)算頁(yè)面,購(gòu)物車(chē)頁(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
- 瀏覽: 7574
- 關(guān)注: 4 人
付費(fèi)閱讀推薦
推薦問(wèn)題
- 如何用Amazon廣告保護(hù)品牌?
- ?如果目的是盡可能多的收集我的Shopif...
- 亞馬遜廣告史詩(shī)級(jí)更新—AMC自定義人群
- 手把手教你亞馬遜Listing如何合并變體...
- 賣(mài)家SKU已存在?鏈接發(fā)貨問(wèn)題:產(chǎn)品首...
- 亞馬遜廣告為什么改了啊,好麻煩,什么...
- 電子類(lèi)目無(wú)法用模板創(chuàng)建變體
- 廣告轉(zhuǎn)化率翻三倍?亞馬遜AMC自定義人...
- 通過(guò)BI做多平臺(tái)備貨分析:找到最優(yōu)的備...
- 獨(dú)立站導(dǎo)評(píng)用的紫鳥(niǎo)建站失敗了,分析一...
- 單干4年,重新梳理自己的選品思路與方...
- 關(guān)于意大利需要繳納5W歐元保證金以維持...
- 意大利新規(guī),保留意大利稅號(hào)需要交5萬(wàn)...
- 跪求各位大佬幫我分析一下,想單干了:...
- 兵馬未動(dòng)糧草先行——我對(duì)推新品的一點(diǎn)...
- 秒殺價(jià)格抓取coupon/PD等折扣后的折后...
- 入行一年多的運(yùn)營(yíng),入職工貿(mào)一體美國(guó)充...
- 繼續(xù)留義烏創(chuàng)業(yè),還是回老家躺平?夫妻...
- 《跨境賣(mài)家的盈利困局:為什么90%的“...
- 求救啊,因?yàn)閬嗰R遜提示抓不住價(jià)格,我...
優(yōu)質(zhì)話題
- # 管理案例分析 # 亞馬遜運(yùn)營(yíng)利用公司...
- 官方給出的最佳廣告結(jié)構(gòu)居然這么簡(jiǎn)單,...
- 單干小賣(mài)家,怎么突破瓶頸???現(xiàn)在什么...
- 亞馬遜產(chǎn)品上架后,如何判斷這個(gè)產(chǎn)品是...
- 大家都在說(shuō)temu不好做?我是個(gè)人賣(mài)家有...
- 求助--美國(guó)站鋰電池產(chǎn)品遇到了產(chǎn)品和食...
- 讓美工聽(tīng)得懂--快轉(zhuǎn)行了,貢獻(xiàn)我的四年...
- 最近面試有2個(gè)offer在考慮,大家給點(diǎn)建...
- 最新關(guān)稅消息:中美日內(nèi)瓦經(jīng)貿(mào)會(huì)談聯(lián)合...
- 想問(wèn)一下現(xiàn)在各個(gè)城市有5年左右經(jīng)驗(yàn)的...
- 單干4年,重新梳理自己的選品思路與方...
- 關(guān)于意大利需要繳納5W歐元保證金以維持...
- 意大利新規(guī),保留意大利稅號(hào)需要交5萬(wàn)...
- 跪求各位大佬幫我分析一下,想單干了:...
- 兵馬未動(dòng)糧草先行——我對(duì)推新品的一點(diǎn)...
- 秒殺價(jià)格抓取coupon/PD等折扣后的折后...
- 入行一年多的運(yùn)營(yíng),入職工貿(mào)一體美國(guó)充...
- 繼續(xù)留義烏創(chuàng)業(yè),還是回老家躺平?夫妻...
- 《跨境賣(mài)家的盈利困局:為什么90%的“...
- 求救啊,因?yàn)閬嗰R遜提示抓不住價(jià)格,我...
案例分析
- 真心請(qǐng)教冷門(mén)高客單價(jià)新品行之有效的推...
- # 案例分析 # 競(jìng)對(duì)運(yùn)營(yíng)推廣手段拆解,...
- # 案例分析 # 競(jìng)對(duì)店鋪,年銷(xiāo)售額1200w...
- # 案例分析 # 新手亞馬遜單干半個(gè)月,...
- 【征集案例分析,可參考本帖】進(jìn)入一個(gè)...
- 【征集案例分析,可參考本帖】個(gè)人是精...
- # 案例分析 # 黑海類(lèi)目,類(lèi)目平均客單...
- 【征集案例分析,可參考本帖】新品無(wú)廣...
- # 案例分析 # 無(wú)廣告,99% 自然流量,...
- 【征集案例分析,可參考本帖】增加廣告...
- # 案例分析 # 各位大佬新品廣告沒(méi)曝光...
- # 案例分析 # 請(qǐng)大佬支招,現(xiàn)有 70多 r...
- 【征集案例分析,可參考本帖】為什么3c...
- 美國(guó)站一個(gè)競(jìng)爭(zhēng)比較激烈的類(lèi)目,廣告投...
- # 案例分析 # 一個(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í)話題 # 這么多年專(zhuān)研廣告打法,...
- # 超級(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ì)專(zhuān)欄
知無(wú)不言社區(qū)賣(mài)家微信群
- 現(xiàn)在掃碼加入,超過(guò)19萬(wàn)跨境電商人關(guān)注......
-
今天,
信息浩瀚,時(shí)光匆匆。
對(duì)品牌的向往、對(duì)使命的尊重,
唯有勤奮者可以緊握時(shí)代脈搏。
博觀約取,勇敢精進(jìn),
不負(fù)青春榮光。 -
熱門(mén)資源
-
知無(wú)不言丨同城會(huì) 線下賣(mài)...
¥ 5999.00-5999.00
深圳市湯武之光技術(shù)有限公司 1個(gè)評(píng)價(jià) 5.0星
-
H10全新升級(jí)!--行業(yè)...
¥ 722.70-20060.00
Helium10 6個(gè)評(píng)價(jià) 4.8星
-
有孚出?!獙?zhuān)注于跨境侵...
¥ 1000.00-20000.00
深圳市有孚出海信息咨詢有限公... 5個(gè)評(píng)價(jià) 5.0星
2 個(gè)回復(fù)
uc
贊同來(lái)自: