Квадратная индексная страница индексных страниц - PullRequest
Новая
       8

Квадратная индексная страница индексных страниц

0 голосов
/ 20 апреля 2019

Squarespace позволяет создавать индексную страницу с типом «стек», что позволяет создавать страницы, состоящие из меньших страниц, накладываемых друг на друга.

Я прихожу в проект, где они создали портфолио, используя некоторые из этих составленных индексных страниц, и хотят, чтобы я нашел способ отобразить их в виде сетки.

Моя первоначальная мысль заключалась в расширении нового типа списка для принятия типов индексов: 

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

к сожалению, это только частично сработало. Он появился в меню, и я мог добавить в него новый список, но не смог заполнить список стека страницами.

Есть ли способ сделать это? Я в основном хочу создать сетку из их «проектов», которые были реализованы в сложенных индексных страницах.

1 Ответ

0 голосов
/ 24 апреля 2019

Исходя из этого, я бы использовал <squarespace:query>, чтобы выполнить это, поскольку вы уже находитесь в режиме разработчика.

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

Запрос позволяет вамотображать элементы из любой коллекции на любой странице вашего сайта.Квадратный запрос может быть отфильтрован по нескольким параметрам.

По сути, на странице, на которой вы хотите создать сетку, вы должны выполнить запрос к индексу, в котором расположены сгруппированные разделы.Это позволяет вам получать доступ к разделам с накоплением непосредственно из того «места, где они находятся», не создавая другую коллекцию и не дублируя их.Если разделы обновляются, сетка также обновляется.

Например: 

<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>

Вы можете скопировать / вставить HTML-код сетки в области действия squarespace:query, если у вас естьдоступ к исходным файлам шаблонов (например, из шаблона 'Avenue' ).Если нет, вы можете скопировать / вставить Rendered-Source и переписать его немного, чтобы использовать JSON-T, где вам нужна информация об отдельных элементах для отображения.Или напишите свою собственную сетку.

В качестве примера данных / области действия, для которой вы выполняете итерацию, вы можете просмотреть этот URL-адрес, который является индексной страницей в демонстрационном / шаблоне Squarespace Brine.Страница раздела «разделы» находится в области collection.collections.Как я уже сказал, эти данные могут быть перебраны через JSON-T, как и любая другая коллекция Squarespace.

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

...