时间戳

首页 > 解决方案 > 索引页的 Squarespace 索引页

squarespace - 索引页的 Squarespace 索引页

问题描述

Squarespace 允许您创建一个类型为“stack”的索引页面，它允许您创建一个由相互堆叠的较小页面组成的页面。

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

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

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

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

有没有办法做到这一点？我基本上想为他们的“项目”制作一个网格，这些“项目”是在堆叠索引页面中实现的。

标签： squarespace

解决方案

从它的声音来看，我会使用 a<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>

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

作为您正在迭代的数据/范围的示例，您可以查看此 URL，它是 Squarespace Brine 演示/模板中的索引页面。索引页“部分”在collection.collections范围内。正如我所说，这些数据可以通过 JSON-T 进行迭代，类似于任何其他 Squarespace 集合。

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

推荐阅读