Question

Squarespace允许您创建类型为“ stack”的索引页，该索引页允许您创建由彼此堆叠的较小页面组成的页面。

我要进入一个项目，他们使用其中一些堆叠的索引页面制作了投资组合，他们希望我想出一种在网格中显示它们的方法。

我最初的想法是扩展一个新的列表类型以接受索引类型：

"acceptTypes" : [ "page", "gallery", "index"],

不幸的是，这只是部分起作用。它显示在菜单中，我可以向其中添加一个新列表，但无法用页面填充堆栈列表。

有没有办法做到这一点？我基本上想对它们的“项目”进行网格化，这些“项目”在堆叠式索引页中实现。

Answer 1

听起来，我将使用<squarespace:query>来完成此操作，因为您已经处于开发人员模式。

https://developers.squarespace.com/squarespace-query

查询使您可以显示网站任何页面上任何集合的项目。可以通过几个参数来过滤Squarespace查询。

基本上，在您想要网格的页面内，您将查询堆叠部分所在的索引。这使您可以直接从“它们所在的位置”访问堆积的部分，而不必创建另一个集合并复制它们。如果这些部分得到更新，则网格也将更新。

例如：

<squarespace:query collection="my-index">
  <div class="gridWrapper>
    {.section collection}
      {.repeated section collections}
        <div class="gridItem">
          <!-- grid item HTML/JSON-T code here -->
        </div>
      {.end}
    {.end}
  </div>
</squarespace:query>

如果您有权访问源模板文件（例如来自'Avenue' template的文件），则可以在squarespace:query范围内复制/粘贴网格布局HTML。如果没有，您可以复制/粘贴渲染的源代码，然后稍微重写一下，以利用JSON-T来显示单个项目信息。或者，编写您自己的网格。

作为要遍历的数据/范围的示例，您可以查看此URL，它是Squarespace Brine演示/模板中的索引页。索引页“节”在collection.collections范围内。就像我说的那样，可以像其他任何Squarespace集合一样，通过JSON-T迭代这些数据。

https://brine-demo.squarespace.com/?format=json-pretty

索引页的Squarespace索引页

1 个答案: