Я пытаюсь реализовать решение на сайте Shopify eCommerce, чтобы обновить содержимое моей страницы магазина, основываясь на том, какая кнопка нажата на боковой панели.
У меня есть общая страница магазина, в которой отображаются некоторые из наших коллекций.
Эта страница жестко запрограммирована и постоянно отображает одно и то же содержимое.
Я добавил боковое меню на эту страницу, чтобы люди могли фильтровать по коллекции, например Фрукты, овощи, напитки.
Аналогично ЭТОМ веб-сайту.
Когда пользователь попадет на страницу - я покажу основную коллекцию, например. Фрукты.
Но когда пользователь нажимает на Овощи, я хочу обновить содержимое onclick () на странице, чтобы отобразить все продукты в коллекции Овощей.
Если они затем щелкают на «Напитки», содержимое снова изменяется / фильтруется, чтобы показать все продукты в коллекции «Напитки». И так далее, и тому подобное.
Я нашел ЭТУ ссылку в Справочном центре Shopify, но у меня, кажется, нет опции «Коллекции страниц» в моих разделах?
Я полагаю, что так разработали последние разработчики.
Есть ли способ, как я могу сделать выше, используя Liquid, или мне нужно реализовать пользовательский jQuery / JS? Я не хочу использовать приложение / плагин в качестве решения.