Shopify主题开发- 自定义页面

775 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第2天,点击查看活动详情

前言

小伙伴们好,这是专栏《shopify开发之Liquid》一系列的爬坑历程,因为需求总是大于现有,今天主要介绍一下基础的页面扩展,话不多说。

前置概括

平时建页面的时候都少不了需要做路由的配置,Shopify‘也是’如此。 首先看一下Shopify已经提供给我们可用的路由:

    routes.root_url  // 首页
    routes.account_url //用户中心
    routes.account_login_url //登陆
    routes.account_register_url // 注册
    routes.account_addresses_url // 用户地址
    routes.collections_url  // 商品集合-- (按系列)
    routes.all_products_collection_url //所有商品集合
    routes.search_url // 搜索
    routes.cart_url // 购物车
    ...

看样子基本也能满足一个简单的商城了,但是如果要做一些新功能或者营销业务远远不足,这时候就要说要模板了。

新建模板

这里我用的是从templates下面新增一个json模板,可以用件.liquid格式的模版; image.png

这里选择你要放模板的目录和对应的名称,即可创建模版 image.png

这个地方简单的说一下,官网里说对json模版的数量有限制,这块选择json还是liquid还是看小伙伴们自己斟酌。

image.png

这里添加好了内容,接下来就是怎么样才能看到添加的页面呢 image.png

下面这里就可以看到刚刚添加的模板啦~ image.png 关于pages?view=test 这里view按照官网的讲法后面的test也叫做备用模板, 关于备用模板有兴趣的小伙伴可以去官网了解一下。

最后模板里面可以使用section添加块,也可使用render添加嵌套的模块。 image.png

总结

希望能带给刚入手的小伙伴们一点帮助,也欢迎有不同见解的小伙伴给出建议~~

如果能帮到你们,麻烦帮忙给个赞,非常感谢!!!