Как мы адаптировали сторонний дизайн c TemplateMonster под Shopify и решали вопрос с четырьмя языками.
Задача
К нам обратился клиент, которому понравился конкретный дизайн. Он нашел красивый HTML-шаблон на TemplateMonster. Это классическая история: дизайн есть, но это просто набор картинок и кода, а магазину нужен рабочий движок.
Цель: Взять визуал от Antic, но «натянуть» его на Shopify. Плюс важное условие - сайт должен работать на 4 языках.
Почему это не просто «установка шаблона»
Многие думают, что если шаблон куплен, его можно установить за пару кликов. Но в данном случае клиент выбрал HTML-шаблон. Shopify его не понимает.
Нам пришлось верстать тему с нуля:
- Переписывать HTML на Liquid (язык шаблонов Shopify).
- Настраивать логику корзины и чекаута.
- Адаптировать блоки под мобильные устройства.
Сложность с языками
Shopify изначально заточен под один язык. Сделать мультиязычность можно двумя путями, и мы сразу обсудили это с клиентом:
Вариант 1: Приложения
Использовать плагины вроде Langify. Это проще и дешевле в настройке, переводы хранятся в приложении.
Вариант 2: Мульти-стор
Создать 4 отдельных магазина (ru.site.com, en.site.com и т.д.). Это дает полный контроль, но сложнее в управлении остатками.
В переписке мы уточнили: «Шопифай рекомендует делать на отдельных аккаунтах языковые версии, но существуют приложения. Какой вариант вам подходит?».
Для стартапа и среднего бизнеса чаще подходит вариант с приложениями, чтобы не платить за 4 подписки Shopify сразу.
Результат
Клиент получил уникальный магазин, который выглядит точь-в-точь как понравившийся ему дизайн, но имеет мощную «начинку» Shopify. Мы провели первичную настройку, импортировали товары и подготовили базу для перевода контента на 4 языка.
Срок реализации: ~25 рабочих дней
Категория: Верстка, Shopify, Мультиязычность