如何为首页新增自定义页面
电商运营
2015.07.28 19:53
经常会有一些朋友问到我们如何在首页新增一个自定义页面,虽然我们有一份无限增加图文及商品模块的自定义页面提供给大家使用,但貌似不能满足各位大神们天马行空的想象力呢,这不小编我也没闲着,赶紧整理一份攻略来分享给大家。
既然是攻略,用特殊情况来表述便可推知一般情况。
那么在图中箭头所示的位置(轮播图与展示图中间)添加一个自定义页
您需要在后台的 主题风格 --> 代码编辑 -->模版/Templates -->index.html 中找到如下的代码段
{% if settings.index_show_welcome_page %}
{% for page_snippet in pages[settings.index_welcome_page].snippets %}
{% if page_snippet.type == 0 %}
<div class="wrapper wrapper-customPage">
<div class="cont">
<div class="mod customPage lazyload_scope">
{{ page_snippet.content | content_html }}
</div>
</div>
</div>
{% else %}
<div class="wrapper wrapper-proList">
<div class="cont">
<div class="mod proList">
<div class="proList-inner">
{% if page_snippet.products.size != 0 %}
<ul class="proList-ul clearfix proList-count-{{ settings.list_productlist_count }} lazyload_scope">
{% for product in page_snippet.products %}
{% include 'product_grid_item'%}
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
并将其复制下来,粘贴到下图所示位置
并将字段中settings.index_welcome_page
替换为'页面唯一标识'
,举例如下
此唯一标识可在编辑自定义页面SEO优化中或是直接查看自定义页面的链接末尾中找到
最终效果如图 (自定义页面要设为显示)
分享文章