Фильтр для сайта на платформе Шопифай и Zoom для товаров
Технічне завдання
Платформа: Shopify
Мета: Реалізувати систему фільтрів на сторінці каталогу картин, яка дозволить користувачам швидко знаходити необхідні роботи за заданими параметрами.
Поточна ситуація:
На даний момент фільтри реалізовані через додаток Shopify Search & Discovery, однак:
- фільтри не працюють у колекціях, де понад 1000 товарів
- існує обмеження по кількості відображених товарів
- фільтри не відображаються на колекціях, якщо перевищено поріг у 1000+ елементів
У зв'язку з цим необхідно розробити кастомне рішення або вдосконалити наявне, яке буде працювати незалежно від обмежень Shopify.
Фільтри, які потрібно реалізувати:
- Size
- Width: від і до (в см або дюймах)
- Height: від і до
Приклад реалізування

- Subject
- Випадаючий список (dropdown)
Джерело: метаполе subject у продукті
- Artist
- Випадаючий список
Джерело: метаполе artist у продукті
- Price
- Діапазон цін (повзунок або поля "від" – "до")
- Валюта: USD
- Availability
- In stock
- Made to order
Джерело: тег або метаполе у продукті
- Materials
- Випадаючий список
Джерело: метаполе materials у продукті
- Basis
- Випадаючий список або чекбокси
Джерело: метаполе basis (напр., canvas, board тощо)
- Product Type
Джерело: стандартне поле Shopify або тег
Технічні вимоги:
- Фільтри мають працювати без перезавантаження сторінки (AJAX)
- Можливість застосовувати кілька фільтрів одночасно
- Кнопка "Очистити фільтри"
- Адаптивність: коректне відображення на мобільних пристроях
- Підтримка URL-структури з фільтрами, щоб можна було ділитись посиланнями
- Швидка швидкість завантаження сторінки, навіть при великій кількості товарів
Посилання на фільтр зараз https://ukrainianvintage.com/collections/autumn-landscape
Zoom-функція на сторінці товару
Мета: Додати функціональність детального перегляду зображень на сторінці товару.
Вимоги:Реалізувати інтерактивне збільшення (zoom on hover / click-to-zoom) головного зображення картини
Має працювати на десктопі та мобільних пристроях
Zoom повинен мати високу якість, щоб користувач міг роздивитись деталі мазків та текстури
Має бути адаптивним, не порушувати структуру сторінки
Техническое задание
Платформа: Shopify
Цель: Реализовать систему фильтров на странице каталога картин, которая позволит пользователям быстро находить необходимые работы по заданным параметрам.
Текущая ситуация:
На данный момент фильтры реализованы через приложение Shopify Search & Discovery, однако:
• фильтры не работают в коллекциях, где более 1000 товаров
• существует ограничение по количеству отображаемых товаров
• фильтры не отображаются в коллекциях, если превышен порог в 1000+ элементов
В связи с этим необходимо разработать кастомное решение или усовершенствовать существующее, которое будет работать независимо от ограничений Shopify.
Фильтры, которые нужно реализовать:
1. Size
o Width: от и до (в см или дюймах)
o Height: от и до
Пример реализации
2. Subject
o Выпадающий список (dropdown)
Источник: метаполе subject в продукте
3. Artist
o Выпадающий список
Источник: метаполе artist в продукте
4. Price
o Диапазон цен (ползунок или поля "от" – "до")
o Валюта: USD
5. Availability
o В наличии
o Изготовлено по заказу
Источник: тег или метаполе в продукте
6. Materials
o Выпадающий список
Источник: метаполе materials в продукте
7. Basis
o Выпадающий список или чекбоксы
Источник: метаполе basis (например, холст, доска и т.д.)
8. Product Type
Источник: стандартное поле Shopify или тег
Технические требования:
• Фильтры должны работать без перезагрузки страницы (AJAX)
• Возможность применять несколько фильтров одновременно
• Кнопка "Очистить фильтры"
• Адаптивность: корректное отображение на мобильных устройствах
• Поддержка URL-структуры с фильтрами, чтобы можно было делиться ссылками
• Быстрая скорость загрузки страницы, даже при большом количестве товаров
Ссылка на фильтр сейчас https://ukrainianvintage.com/collections/autumn-landscape
Технічне завдання
Платформа: Shopify
Мета: Реалізувати систему фільтрів на сторінці каталогу картин, яка дозволить користувачам швидко знаходити необхідні роботи за заданими параметрами.
Поточна ситуація:
На даний момент фільтри реалізовані через додаток Shopify Search & Discovery, однак:
• фільтри не працюють у колекціях, де понад 1000 товарів
• існує обмеження по кількості відображених товарів
• фільтри не відображаються на колекціях, якщо перевищено поріг у 1000+ елементів
У зв'язку з цим необхідно розробити кастомне рішення або вдосконалити наявне, яке буде працювати незалежно від обмежень Shopify.
Фільтри, які потрібно реалізувати:
1. Size
o Width: від і до (в см або дюймах)
o Height: від і до
Приклад реалізування
2. Subject
o Випадаючий список (dropdown)
Джерело: метаполе subject у продукті
3. Artist
o Випадаючий список
Джерело: метаполе artist у продукті
4. Price
o Діапазон цін (повзунок або поля "від" – "до")
o Валюта: USD
5. Availability
o In stock
o Made to order
Джерело: тег або метаполе у продукті
6. Materials
o Випадаючий список
Джерело: метаполе materials у продукті
7. Basis
o Випадаючий список або чекбокси
Джерело: метаполе basis (напр., canvas, board тощо)
8. Product Type
Джерело: стандартне поле Shopify або тег
Технічні вимоги:
• Фільтри мають працювати без перезавантаження сторінки (AJAX)
• Можливість застосовувати кілька фільтрів одночасно
• Кнопка "Очистити фільтри"
• Адаптивність: коректне відображення на мобільних пристроях
• Підтримка URL-структури з фільтрами, щоб можна було ділитись посиланнями
• Швидка швидкість завантаження сторінки, навіть при великій кількості товарів
Посилання на фільтр зараз https://ukrainianvintage.com/collections/autumn-landscape
Отзыв заказчика о сотрудничестве с Константином Петровым
Фильтр для сайта на платформе Шопифай и Zoom для товаровПроект выполнен хорошо. Общение было оперативным и понятным. Все задачи выполнены согласно договоренности. Спасибо за сотрудничество.
Отзыв фрилансера о сотрудничестве с Андреем Живодёровым
Фильтр для сайта на платформе Шопифай и Zoom для товаровВсе хорошо. Спасибо за сотрудничество
-
500 2 0 Создаем новый фильтр, подключим БД, куда будем хранить товары, и организуем быструю фильтрацию
-
44 Привет! Меня зовут Владислав, бизнес-ассистент агентства Ecom-X. Занимаемся разработкой сайтов на Shopify, увеличением конверсии, SEO продвижением. Мы уже 4 года на рынке, разработали 119 магазинов, которые сейчас активно продают. У нас 15 человек в команде от дизайнеров до разработчиков. Помогли многим крупным брендам выйти на западный рынок. Кейсы можете посмотреть здесь: https://docs.google.com/spreadsheets/d/1vjz9d5O9bSiBp0a_PdmltbU_ROBvWjsod6POalrxySI/edit?usp=sharing
Можем помочь вам с вашим проектом! Также можем добавить триггеры для увеличения конверсии дополнительно, со скидкой!
-
111 Готов работать уже сегодня, сделаю всё быстро и качественно
Актуальные фриланс-проекты в категории Веб-программирование
DevOps / Системный администратор для переноса и защиты WordPress-сайтаИщем опытного DevOps-инженера или системного администратора для разового проекта с возможностью дальнейшей технической поддержки. У нас основной коммерческий сайт на WordPress. Сейчас он размещен на общем хостинге, в последнее время мы сталкиваемся с повышенным количеством… CMS, Веб-программирование ∙ 19 минут назад ∙ 9 ставок |
Разработка веб-платформы для трейдинга с интеграцией данных SBPro, отображением кластеров, ликвидностиРазработка веб-платформы для трейдинга с интеграцией данных SBPro, отображением кластеров, ликвидности, крупных лимитных заявок (Clouds), HeatMap и автоматическими настройками индикаторов для различных таймфреймов Этап 1. Подключение к Transaq API Получение рыночных данных в… Java, Веб-программирование ∙ 1 час 8 минут назад ∙ 19 ставок |
Вывести посты из Инстаграма на сайт (опенкарт)
700 UAH
Здравствуйте. Нужно настроить функционал, чтобы на сайте (OpenCart) отображался блок с постами Instagram. Отзовитесь, кто делал и знает как ) Спасибо ) По стоимости договоримся, не знаю, сколько это стоит. HTML и CSS верстка, Веб-программирование ∙ 5 часов 21 минута назад ∙ 38 ставок |
Разработка сайта для интернет-магазина.Интересует разработка сайта для интернет-магазина. Нужна система: интернет-магазин (до 2000 товаров, в начале меньше), 10–20 SEO-ориентированных лендингов, интеграции с 1С и ИИ-сервисами. CMS, Веб-программирование ∙ 5 часов 23 минуты назад ∙ 63 ставки |
Обновление одностраничного сайта предоставления строительных услуг
1000 UAH
Обновление действующего одностраничного самописного сайта предоставления строительных услуг Задача: -Редизайн сайта -Добавление категорий услуг путем создания мультилендинга на 6 категорий -Добавление к каждой категории фото и описания работ -Оптимизация рекламы сайта… Веб-программирование ∙ 20 часов 36 секунд назад ∙ 79 ставок |