Клиент с базой из 40 моделей кроватей, каждая из которых имеет варианты по размерам, тканям и опциям хранения, обратился с задачей отобразить все эти опции на сайте. Требовалось реализовать возможность выбора цвета и ткани для каждой модели кровати.
Что мы сделали:- На основе предоставленного клиентом референса и данных создали 1000 товаров: 40 моделей кроватей, каждая из которых представлена в 25ти разных цветах и тканях. Добавили к ним варианты по размерам и опциям хранения.
- Для каждого товара и его вариантов создали метафилды, обеспечив возможность отображения на сайте всех необходимых данных.
- Разработали поп-ап для выбора свотчей, написали код для отображения псевдо-вариантов и настроили переключение изображений при нажатии на свотч. При этом переход на страницу выбранного цвета осуществляется плавно.
- Настроили метафилды для удобной работы со свотчами, сделав возможной их настройку прямо в панели администратора.
Альтернативы, почему это решение было выбрано? Альтернативой являются встроенные средства опций Shopify или сторонние приложения. Встроенные средства не отвечают нашим потребностям, так как ограничивают количество вариантов на один товар до 100, тогда как нам требовалось 400 вариантов на товар. Сторонние приложения требуют затрат на подписку, создают зависимость от внешних сервисов, могут замедлять скорость сайта, конфликтовать с темами и другими приложениями.
Результаты: На сайте появилась четкая структура товаров, позволяющая пользователю в одной карточке товара выбирать цвет, ткань и опции хранения. В корзину попадает товар с уникальным SKU, так как все варианты каждой модели реализованы в админ-панели сайта как отдельные товары.
Хотите успешный интернет-магазин?
Обращайтесь!