2016-01-22 3 views
0

Предлагается еще одна новая версия для покупки «двойного» вопроса. У меня есть «постоянная» ссылка на боковой панели:Постоянная ссылка на все товары/коллекции

<li class="{% if page_url == 
"/collections/all" %}active{% endif %}"> 
<a href="/collections/all">{{collection.title}}</a> 
</li> 

Проблема здесь в том, что Whan мы находимся на странице всех товаров ссылка работает правильно «Все продукты». Разумеется, когда мы идем к определенному объему, {{collection.title}} отображает соответствующее имя коллекции. Итак, вопрос в том, как получить доступ к названию «всех коллекций»?

И второй вопрос: как его выделить? Я пытаюсь это сделать (как показано выше):

{% if page_url == 
"/collections/all" %}active{% endif %}"> 

Но это не работает на всех сборах/продуктах.

Любые идеи? Спасибо

ответ

0

{{ shop.url }} вернет полный URL-адрес магазина. Вы можете сделать что-то вроде следующего:

<li class="{% if page_url == "/collections/all" %}active{% endif %}"> 
    <a href="{{ shop.url }}/collections/all">{{collection.title}}</a> 
</li> 

Here вы можете увидеть Shopify Док.

+0

Ссылка/коллекции/все хорошо работает на всех страницах. Это коллекция.title, которая выводит заголовок текущей коллекции, в которой вы находитесь, а ссылка все еще (как она должна) указывает на «все коллекции». – jewels

0

Я думаю, что вы после этого что-то вроде этого:

<li class="{% if collection.handle == "all" %}active{% endif %}"> 
    <a href="/collections/all">{{collections.all.title}}</a> 
</li> 

Вы можете использовать глобальный collections объект для доступа название «все» коллекции, независимо от какой страницы вы на.

Чтобы добавить «активный» класс, когда URL-адрес/коллекции/все, проверьте текущую коллекцию handle.

+0

Не является ли 'collections.all.title' пустым? – HymnZ

+0

Просто протестирован. Да, это пусто :(Добавляя активный класс, хорошо работает. – jewels

+0

Хмм, 'collections.all.title' возвращает« Продукты »для меня. Это не проблема, вы можете создать [умную коллекцию с ручкой« все »] (https : //docs.shopify.com/support/your-store/collections/taking-control-of-your-catalog-page#how-do-i-reorder-products) и установите заголовок на все, что вы хотите. –

Смежные вопросы