pk10开奖结果

Shopify如何自定义多个页面模板(方便随时调用)?


做过Shopify的卖家知道,Shopify里面的主题就像一个框架,你可在这个框架内填写内容,但是,你会发现这也是他的一个弊端,比如:
你的主题页面是80%宽度的,不管你填写什么内容,在Shopify上面怎么改,调整,他都不会达到100%全宽页面,你不能轻易改变这个框架。如果你既想保留80%页面宽,又想拥有100%的页面,又怎么操作呢?我们可以通过更改主题的代码来达到这样的目的;更改好之后,可以通过如下图所示的下拉框来选择你所需要的模板;


开始操作:

第一步:找到要控制要修改页面的主题文件:page.liquid

第二步:在Templates下面的新增templates点击新增模板,因为要修改,所以选择page,命名为容易区分的模板名称(因为这个模板创建好之后,会出现在产品页的模板选择下拉菜单里面),然后点击创建模板;

 

 



第三步:这里是以Shopify免费主题Debut为例子的教程,讲解更改代码的思路;

由于控制页面宽度的是page-width选择器,所以我们把他替换掉,换成自定义的page-fullwidth,


问:怎么知道他是控制页面宽度的选择器呢?

可以转到页面,审查元素,可以看到如下图所示:页面的最大宽度是1200px,调整他的最大宽度到全宽;更改他的像素值,页面宽度就会变化;

第四步:开始修改里面的代码,将代码修改成如下所示:修改完成后,你的页面就全宽
<style>
.page-width {
padding-left: 0px;
padding-right: 0px;
}
.page-width {
max-width: 1920px;
margin: 0 auto;
}
</style>
<div class="page-fullwidth" style="margin-top:65px">
<!--是换掉<div class="page-width" style="margin-top:65px">这一行-->

 

总结:Shopify的主题模板的修改流程大致如上面的介绍,你可以根据介绍,修改增加产品模板,修改结算页面,购物车页面,顾客登录页等等。(记得备份主题数据)
 
已邀请:

宝哥 - 亚马逊兽潮中的小白兔一枚,萌新pk10开奖结果

赞同来自:

表示代码什么的看不懂,可以留个联系方式交流吗,最近在摸索shopify,无头苍蝇一样的。

要回复问题请先登录注册

 
知无不言 粤ICP备18098034号-1
pk10开奖结果_AFB9rVl pk10开奖结果_DN3EpL pk10开奖结果_5y77C7z pk10开奖结果_uUwvj pk10开奖结果_7ukH8 pk10开奖结果_5m0idx pk10开奖结果pk10开奖结果_YGS4GkH pk10开奖结果_Q6V8I pk10开奖结果_n35TLX pk10开奖结果_C0Cjy