Question

我目前正在使用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;

}

是否有可以定位每个元素的代码？

Answer 1

转到：页面＆gt;设置＆gt;高级＆gt;标题注入（索引页）

然后粘贴以下内容：

<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项）中的文本更改为您要替换的任何文本＆＃39; view＆＃39;。如果索引中有超过4个图库，则可以复制一行并将其粘贴到下面，但只需确保将第n个子项从（4）增加到（5）。

希望有所帮助！

Answer 2

感谢您添加其他数据。不幸的是你不能这样做。 SquareSpace的变化是全球变化。您可以对所有图库进行外观修改，但不能通过ID定位特定图库。 Squarespace对象ID是动态的，基于会话的。如果您在CSS中定位特定的对象ID，刷新页面后ID将会更改，CSS将不再有效。

但是，如果您在单独的页面上有单独的图库，那么您可以通过在设置下的“页面”级别插入CSS而不是调用对象类别的网站级别来解决全局更改（不是对象ID）。

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

定位单个图库项目 - Squarespace熨斗模板

2 个答案: