Проект 05 — Интернет-магазин и персонализация товара
SG Training Fit: пояс для спины и линия одежды, у каждой — свой редактор дизайна
В середине проекта стоят два собственных редактора товара — не плагин — поверх встроенного магазина Ecwid. У SG Training Fit две линии: пояс для спины Pro Warming Belt из хлопка с полушерстью, сшитый в Латвии и доведённый в США, и коллекция одежды. В обоих редакторах покупатель набирает надпись, выбирает шрифт и отделку, загружает картинку — и видит, как рисунок ложится на фотографию самого товара.
01 — Задача
С чего начиналось
Пояс выглядит простым товаром, а торговля им простой не бывает. Размеры идут по двум разным таблицам, в зависимости от цвета и степени поддержки: цветные пояса — средняя поддержка, включая детский размер; молочно-белые — лёгкая поддержка и на размер больше, только взрослые. Пояс покупают и обычным, и с именем, своими цветами и логотипом. Заказы приходят и на одну штуку с личной надписью, и партиями на целую студию. Сам пояс шьют в Латвии, а доводят в США — и всё это должно уместиться в один понятный порядок выбора.
02 — Решение
Что сделал
Оба редактора — обычный JavaScript, написанный под страницы товаров этого магазина, поверх одной корзины Ecwid. Редактор пояса рисует дизайн прямо на фотографии — в любом из десяти цветов: надпись вдоль пояса одним из 44 своих шрифтов, 14 матовых и 12 блестящих цветов букв, загруженная картинка, и каждый элемент можно двигать, менять в размере и поворачивать внутри области печати. Выбор цвета в редакторе сразу выставляет тот же вариант в форме заказа, поэтому предпросмотр и заказ не расходятся. Редактор одежды идёт дальше: лицо и спина со своей областью печати у каждой стороны, наложение текста и картинок слоями, 36 вариантов отделки букв — матовые, блестящие, глянцевые и перламутровые, — многострочный текст и отдельный экран проверки, где обе стороны видно до того, как товар уйдёт в корзину. При оформлении редактор сводит каждую сторону в PNG и сам подставляет файлы в поля заказа, рядом с картинками, которые прислал покупатель; каждый дизайн вдобавок сохраняется через отдельный интерфейс на сервере. Редакторы стоят внутри витрины из восьми страниц, написанной руками: любой товар можно купить и без правок, а оптовые партии считаются письмом.
CONFIDENT · SUPPORT · PERFORMANCE
Move with
Confidence
Premium back support designed for comfort, movement, and everyday performance.

DESIGN YOUR OWN
Customize your belt
YOUR NAME COMFORT · STYLE · PERSONALITY
Lifestyle
Apparel
Comfortable for everyday wear, featuring high-quality prints, vibrant colors, and a wide range of styles.
Shop the Collection
PREMIUM QUALITYMade to Last TWO-SIDED EDITOR
Customize FRONT, BACK, or both.
Add text, upload artwork, then position your design on the garment.
Your text YOUR TEXT 9 / 120 Add text
SG Team
YOUR TEXT Your bag
Pro Warming BeltCustomized 1
Custom Black Unisex Triblend T-ShirtCustomized — front & back 1 ONE CART · TWO LINES
Your bag
Each design is saved and carried into the order — the studio receives exactly what the shopper approved on screen.
30-Day Guarantee Free U.S. shipping on orders $99+ 2 items · both customizedYour bag
Pro Warming BeltCustomized
Custom Black Unisex Triblend T-ShirtCustomized — front & back 03 — Результат
Что получилось
- Своих редактора
- 2
- Своих шрифта
- 44
- Вариантов отделки
- 36
- Архитектура
- Свой редактор поверх Ecwid и PHP
04 — Доказательства
Измерено, а не заявлено
Замеры сторонних сервисов по живому сайту. Любой из них можно повторить самому.
PageSpeed измерен 25 июля 2026






