Есть ли способ получить идентификатор страницы в css в shopify.Shopify Styling
Я хочу сделать работу по дизайну, чтобы определить конкретную страницу не на всех страницах.
Поэтому я хочу, чтобы указать страницы, либо страницу или страницы, я построил, блог или страница покупок страница и т.д.
Вы можете использовать что-то вроде этого:
Заменить <body> в theme.liquid с нижеследующим:
<body class="{{ template }} {{ page.handle }}{% if template == 'collection' %}{{ collection.handle }}{% endif %}{% if template == 'product' %}{{ product.title | handleize }}{% endif %}{% if template == 'blog' %}{{ blog.handle }}{% endif %}{% if template == 'article' %}{{ article.title | handleize }}{% endif %}">
Чтобы добавить класс в элемент тела страницы.
Чтобы разорвать его, вот что я делаю:
{{ template }}
это возвращает имя шаблона (например, индекс для домашней страницы, блог для страницы блога, для коллекции магазин страница так далее)
{{ page.handle }}
возвращает дескриптор каждой отдельной страницы (о-нами, контакт-нас ... только страницы, а не коллекция, блоги, продукты)
{% if template == 'collection' %}{{ collection.handle }}{% endif %}{% if template == 'product' %}{{ product.title | handleize }}{% endif %}
Здесь я проверяю, если страница является сбор {% if template == 'collection' %} и если страница является продуктом {% if template == 'product' %} и добавить ручку для сбора {{ collection.handle }} и название на странице продукта с handleize фильтром {{ product.title | handleize }}. Я проверяю страницу, так как продукт не возвращает дескриптор обычным способом, и вместо этого я использую заголовок, и если я не проверю коллекцию, он также добавит его на страницу продукта.
{% if template == 'blog' %}{{ blog.handle }}{% endif %}{% if template == 'article' %}{{ article.title | handleize }}{% endif %}
Это одна логика такая же, как для сбора/продукта один.
И как только вы установите вышеуказанное, вы можете настроить таргетинг на класс тела для каждой страницы и создать его таким образом.
Вы можете добавить новый шаблон страницы в Shopify. то вы можете настроить по мере необходимости. Когда вы закончите, вы можете выбрать шаблон страницы, используя панель администратора admin.
Создайте альтернативный шаблон для страниц. Из вашего администратора Shopify нажмите кнопку «Интернет-магазин», затем нажмите «Темы».
Найдите тему, которую хотите изменить, нажмите кнопку ..., а затем нажмите «Редактировать HTML/CSS».
В папке «Шаблон» нажмите ссылку «Добавить новый шаблон».
Выберите подходящий вариант для нового шаблона (страницы или продукта и т. Д.) И дайте вашему шаблону осмысленное имя (например, page.no-sidebar).
Редактировать и сохранять новый шаблон, как обычно.
Как только ваш альтернативный шаблон был создан, он появится в раскрывающемся списке Шаблоны. Итак, если вы создали альтернативный шаблон для продуктов, вы увидите возможность выбора шаблона в новом разделе Шаблон в нижней части каждой страницы продукта.
Хорошо написанный ответ. – HymnZ