0% Complete
0/0 Steps
  1. Developers
    Работа с шопифай
    7 Topics
    |
    6 Quizzes
  2. Designers
    Shopify basics
    11 Topics
    |
    1 Quiz
  3. Введение по Liquid
    8 Topics
    |
    1 Quiz
  4. Liquid basics
    1 Quiz
Lesson 2, Topic 11
In Progress

Shopify: Привязка шаблонов

10.01.2022
Lesson Progress
0% Complete

Привязываем шаблоны к URL-адресам в Shopify

Теперь осталось узнать, когда эти шаблоны выводятся на страницы магазина. Здесь все довольно просто. Shopify определяет, какой шаблон отобразить, руководствуясь запрошенным URL. В Shopify предусмотрена собственная система маршрутизации, и именно она определяет, какой шаблон должен быть послан браузеру.

Давайте попытаемся понять, как выводятся шаблоны на основе запрошенного URL:

  • /несуществующий-url ; 404.liquid;
  • /blogs/{blog-name}/{article-id-handle} ; article.liquid;
  • /blogs/{blog-name} ; blog.liquid;
  • /cart ; cart.liquid;
  • /collections ; list-collections.liquid;
  • /collections/{collection-handle} ; collection.liquid;
  • /collections/{collection-handle}/{tag} ; collection.liquid;
  • / ; index.liquid;
  • /pages/{page-handle} ; page.liquid;
  • /products ; list-collections.liquid;
  • /products/{product-handle} ; product.liquid;
  • /search?q={поисковой-запрос} ; search.liquid.

Элементы в { } отражают переменную, которая влияет на тип данных, выводимых в шаблон. К примеру, если мы возьмем паттерн URL /collections/{collection-handle}, то выводимые данные будут разными при использовании /collections/bikes или /collections/cars.

Как видно, несколько разных URL-паттернов используют один общий файл шаблона. То есть, и /products, и /collections используют один и тот же шаблон list-collections.liquid.

Точно так же, /collections//collections/{collection-handle}/ и /collections/{collection-handle}/{tag} используют один и тот же шаблон collection.liquid.