如何修改liquid代码、实现自己的轮播图!

989 阅读1分钟

1.修改 Featured collection 默认配置该如何实现

进入文件:

首先来到 Edit code 中,在 Sections 目录下找到 collction.liquid 文件,collction.liquid 文件默认对应着 Featured collection.

1.png

进行修改:

为了不修改原本的 collction.liquid 选项中的配置我们单独创建一个属于自己的(collection-slider.liquid)

2.png

现在我们删除(collection-slider.liquid)默认配置将 collection.liquid 中的内容复制到我们自己的 collection-slider.liquid 中。现在来到 presets 中修改一会我们在模板直接使用时的名字!切记保存

3.png

接着我们来到模板页面,可以看到一个我们自己创建的模板(Featured collection slider cumin)

4.png

为了创建良好的代码氛围,我们将 Rows 一项移除,只需删除 range 这一块。保存

5.png

接着我们来到可视化页面中可以看到删除前删除后的区别

before:

6.png

after:

7.png

我们可以看到 ROWS 这一项没有了。

好了,删除了我们如何控制 Rows 呢!

8.png

根据修改的值来决定共显示几张图片。

10.png

9.png 那么就只显示 6张 图片。

11.png

12.png

那么就只显示 8张 图片。

好的,你学会了吗? 这里是 Cumin 的分享地!欢迎观看留言!