定位单个画廊项目 - Squarespace Flatiron 模板答案

【问题标题】：Targetting Individual Gallery Items - Squarespace Flatiron Template定位单个画廊项目 - Squarespace Flatiron 模板
【发布时间】：2018-09-05 02:03:43
【问题描述】：

我目前在 Squarespace 6 中使用 Flatiron 模板。图库中的每个图像当前都显示图像、标题和 -view- 在其下方。我希望将 -view- 更改为每个画廊项目独有的不同名称（具体是一个城市）。

其中一个网格项的源代码如下：

<script>
    Y.use('squarespace-ui-base', function(Y) {
      Y.one(".project-item .meta h1").plug(Y.Squarespace.TextShrink);
    });
  </script>

  <!-- Main Grid -->
  <div id="grid" data-collection-id="53ebab59e4b0c8271c405596">


    <div class="item">
      <a href="/diesel-pop-up-brooklyn-nyc/" data-dynamic-load data-dynamic-receiver="#detail_53ee8134e4b020d5c7faa7b3"   >
        <div class="wrapper">
          <div class="project-title">
            <h2>DIESEL POP-UP</h2>
            <h3>&mdash; view &mdash;</h3>
          </div>
        </div>

          <img class="thumbnail loading" data-src="http://static.squarespace.com/static/52937e51e4b006a2894ed2fb/t/540e3941e4b0438c2051340c/1410218366032/2.jpg" data-image="http://static.squarespace.com/static/52937e51e4b006a2894ed2fb/t/540e3941e4b0438c2051340c/1410218366032/2.jpg" data-image-dimensions="480x642" data-image-focal-point="0.5,0.5" alt="2.jpg"  data-load="false" />
          <noscript><img src="http://static.squarespace.com/static/52937e51e4b006a2894ed2fb/t/540e3941e4b0438c2051340c/1410218366032/2.jpg?format=original"></noscript>

      </a>
    </div>

我曾尝试在自定义 CSS 部分中使用它（仅尝试定位一个项目），但它只影响图像链接到的页面，而不影响图像本身。

.project-item[data-dynamic-href='/diesel-pop-up-brooklyn-nyc/'] {
  background-color: red;

}

是否有可以针对每个单独元素的代码？

【问题讨论】：

标签： css squarespace

【解决方案1】：

转到：页面 > 设置 > 高级 > 标头注入（索引页）

然后粘贴以下内容：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function () {
    $(".item:nth-child(1) h3").text("1st item");
    $(".item:nth-child(2) h3").text("2nd item");
    $(".item:nth-child(3) h3").text("3rd item");
    $(".item:nth-child(4) h3").text("4th item");
});
</script>

酷。现在您可以将引用中的文本（第 1、2、3、4 项）更改为您想要替换“视图”的任何文本。如果索引中的画廊超过 4 个，您可以复制一行并将其粘贴到下方，但只需确保将第 n 个子项从 (4) 增加到 (5)。

希望有帮助！

【讨论】：

【解决方案2】：

感谢您添加其他数据。不幸的是，您不能这样做。 SquareSpace 的变化是全局变化。您可以对所有画廊进行外观更改，但不能通过 ID 定位特定画廊。 Squarespace 对象 ID 是动态的和基于会话的。如果您以 CSS 中的特定对象 ID 为目标，则刷新页面后，该 ID 将会更改，并且 CSS 将不再有效。

但是，如果您在单独的页面上有单独的画廊，那么您可以通过在设置下的“页面”级别而不是调用对象类别的站点级别（不是对象 ID）。

更改标签的内容也不是 CSS 更改。这是一个 HTML 更改。在 Squarespace 中，您无法修改/破解模板版本中的实际 HTML。

【讨论】：

啊。那很不幸。不过谢谢我的回答！