国产成人剧情av麻豆果冻,国产无遮挡又爽又黄的视频,天天躁夜夜躁狠狠躁婷婷,性色香蕉av久久久天天网,真人性生交免费视频

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
https://qaozen.com/wp-content/uploads/2019/06/26/2019062602553339.png
第二步:在Templates下面的新增templates點(diǎn)擊新增模板,因?yàn)橐薷?,所以選擇page,命名為容易區(qū)分的模板名稱(因?yàn)檫@個(gè)模板創(chuàng)建好之后,會(huì)出現(xiàn)在產(chǎn)品頁(yè)的模板選擇下拉菜單里面),然后點(diǎn)擊創(chuàng)建模板;

?https://qaozen.com/wp-content/uploads/2019/06/26/2019062603233718.png

?
2019062603232116.png



第三步:這里是以Shopify免費(fèi)主題Debut為例子的教程,講解更改代碼的思路;

由于控制頁(yè)面寬度的是page-width選擇器,所以我們把他替換掉,換成自定義的page-fullwidth,
https://qaozen.com/wp-content/uploads/2019/06/26/2019062603314883.png

問(wèn):怎么知道他是控制頁(yè)面寬度的選擇器呢?

可以轉(zhuǎn)到頁(yè)面,審查元素,可以看到如下圖所示:頁(yè)面的最大寬度是1200px,調(diào)整他的最大寬度到全寬;更改他的像素值,頁(yè)面寬度就會(huì)變化;
https://qaozen.com/wp-content/uploads/2019/06/26/2019062604353991.jpg
第四步:開(kāi)始修改里面的代碼,將代碼修改成如下所示:修改完成后,你的頁(yè)面就全寬



?

總結(jié):Shopify的主題模板的修改流程大致如上面的介紹,你可以根據(jù)介紹,修改增加產(chǎn)品模板,修改結(jié)算頁(yè)面,購(gòu)物車(chē)頁(yè)面,顧客登錄頁(yè)等等。(記得備份主題數(shù)據(jù))
?
已邀請(qǐng):

uc

贊同來(lái)自:

代碼真的看不懂, 能加個(gè)聯(lián)系方式交流一下嗎 ?謝謝
要回復(fù)問(wèn)題請(qǐng)先登錄注冊(cè)

加入賣(mài)家社群
關(guān)注公眾號(hào)
加入線下社群
廣告 ×
10s