如何为首页新增自定义页面_友好速搭

友好速搭

如何为首页新增自定义页面

分类: 电商运营 | 发表时间:2015.07.28 19:53
Zeta
·
-
电商运营 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优化中或是直接查看自定义页面的链接末尾中找到

图片名称

最终效果如图 (自定义页面要设为显示)

图片名称

分享文章
免费领取15天试用
立即注册
联系客服
微信咨询
微信二维码

领取免费试用资格

姓名 *

电话 *

公司名称

所在地区

意向产品

提交

提交成功

你好, XXX女士/先生 ,你的需求已提交成功,后续会有专门的客户经理与你电话联系。谢谢!