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

友好速搭

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

分类: 友干货 | 发表时间: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优化中或是直接查看自定义页面的链接末尾中找到

图片名称

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

图片名称

分享文章
友好速搭与你一起,共赢未来
联系客服
电话咨询
服务热线
0755-83051027
获取报价
QQ咨询
微信咨询
微信二维码
在线咨询

在线获取方案和报价,专人快速响应

所选城市 *

您的称呼 *

联系电话 *

网站类型 *

请选择
展示官网 电商网站 微信商城 小程序 其他类型

您希望我们为您提供哪些服务?(可多选)

B2C商城 跨境解决方案 B2B2C平台电商 网站备案 自营电商培训
获取报价

提交成功

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