RUEN
Telegram

SheafДоработка магазина на Shopify · 2026

Покупатель видит свой блокнот до заказа

Секция темы на Liquid, блок срока доставки как расширение приложения и сервер на Node.

Конфигуратор на телефоне: блокнот закреплён над параметрами
Задача
Магазин продаёт блокноты на заказ, и у каждого десятки сочетаний: формат, обложка, бумага, резинка, монограмма. Покупателю нужно увидеть именно своё, а магазину не снимать каждое.
Решение
Секция темы с конфигуратором: блокнот нарисован кодом в масштабе и меняется вместе с выбором. Рядом блок срока доставки, который считает сервер. Выбор записывается в строку заказа.
Результат
48 вариантов товара без единой фотографии, интерфейс на пяти языках, в корзине у позиции записано всё, что выбрано. Конфигуратор открыт: соберите блокнот и доведите его до корзины.

Конфигуратор прямо в карточке товара

Формат, обложка, бумага, резинка и монограмма меняются на экране сразу. Блокнот нарисован кодом в масштабе, поэтому магазину не нужно снимать каждую комбинацию.

48 вариантов товара без единой фотографии

Собранный блокнот: обложка «Хвоя», красная резинка, монограмма золотомТот же блокнот раскрыт: форзац и страница в точку

Срок доставки считает сервер

Блок показывает, сколько осталось до отправки сегодня и когда заказ приедет в страну покупателя. Учтены отсечка, выходные, праздники и время на монограмму.

14:00 отсечка отправки по времени склада

Три состояния блока: отсчёт до отправки, изготовление под заказ, доставка в ЯпониюОтвет сервера: страна, зона, дата отправки и окно доставки

В корзине у позиции записано всё, что выбрано

Цвет резинки, монограмма и вид тиснения записаны в строке заказа. Платное тиснение идёт отдельной позицией и не остаётся в корзине без своего блокнота.

Корзина: блокнот со свойствами и позиция тисненияСтроки заказа: резинка, монограмма, тиснение и для какого блокнота

Готово для магазина на несколько стран

Интерфейс переведён на пять языков, даты пишутся так, как принято у покупателя. Цвета, шрифты и кнопки секция берёт из настроек темы.

5 языков: английский, немецкий, французский, турецкий, русский

Та же страница на немецком для покупателя из АвстрииСтраница на турецком на телефоне

Как устроено

Секция темы, расширение приложения, сервер и проверка.

Секция
Liquid и веб-компонент на 13 КБ без библиотек. Товар, размеры, цвета и длину монограммы менеджер задаёт в настройках секции.
Расширение
Theme app extension: блок срока доставки ставится внутрь секции, app embed следит за корзиной на всех страницах.
Сервер
Отвечает только на запросы магазина с подписью Shopify, подписи старше пяти минут отклоняются.
Тема
Секция сделана для Dawn 16: после добавления открывается его корзина, а в редакторе темы секцию можно поставить на любую страницу.

Соберите свой блокнот