<p>Нужен разработчик Shopify (Liquid/JS/CSS) для темы Dawn (Online Store 2.0).</p><p></p><p>Цель: сделать на странице товара (PDP) блок “Embroidery / Monogram” как у примера (карточка в правой колонке), который открывает панель настройки вышивки. Вышивка бесплатная (цена товара не меняется), но выбранные параметры должны уходить в заказ как line item properties.</p><p></p><p></p><p><b>Где должен быть блок</b></p><p></p><p></p><ul><li><p>Внутри Product information на странице товара</p></li><li><p>Как block, а не отдельная секция</p></li><li><p>Расположение: под Quantity selector, до Buy buttons</p><p></p><p><b>UI/Функционал</b></p></li></ul><p>В свернутом виде (карточка):</p><ul><li><p>Title: “Add Your Monogram”</p></li><li><p>Subtitle: “Personalize with elegant hand-finished embroidery”</p></li><li><p>Badge справа: “COMPLIMENTARY”</p></li><li><p>Кнопка/ссылка: “Configure”</p></li></ul><p></p><p>При клике Configure:</p><ul><li><p>Открывается drawer/модалка</p><ul><li><p>Desktop: drawer справа</p></li><li><p>Mobile: bottom-sheet или полноэкранная панель</p></li></ul><p></p></li><li><p>Обязательно:<br /></p><ul><li><p>скролл внутри (контент не должен обрезаться)</p></li><li><p>закрытие по X и по клику на overlay</p></li><li><p>блок не должен “залипать” открытым</p></li></ul><p></p><p></p></li></ul><p>Внутри drawer шаги:</p><p></p><ol><li><p>Выбор локации (radio):<br /></p><ul><li><p>Top Right Corner</p></li><li><p>Bottom Right Corner</p></li><li><p>Top Left Corner</p></li><li><p>Bottom Left Corner</p></li></ul><p></p></li><li><p>Текст вышивки<br /></p><ul><li><p>max 10 символов</p></li><li><p>счетчик 0/10</p></li><li><p>валидация: минимум 1 символ (если не выбрано “No, thanks”)</p></li></ul><p></p></li><li><p>Выбор шрифта<br /></p><ul><li><p>6 опций (01–06)</p></li><li><p>Важно: кнопки не просто названия, а превью “ABC” как на экране вышивальной машины</p></li></ul><p></p></li><li><p>Цвет нити<br /></p><ul><li><p>swatches (кружочки) + подпись/tooltip</p></li><li><p>цвета:<br /></p><ul><li><p>Cream #F5EFE3</p></li><li><p>Deep Ecru #D8C3A5</p></li><li><p>Ivory #F7F1E6</p></li><li><p>Cloud #B9B5AE</p></li><li><p>Dusty Navy #2F4E73</p></li><li><p>Baby Blue #7FB2D8</p></li><li><p>Light Mint #CFE8D8</p></li><li><p>Khaki #8A7B6A</p></li><li><p>Winterberry #A3182E</p></li><li><p>Red #D1122E</p></li><li><p>Pink #F2B6C6</p><p></p></li></ul><p></p></li></ul></li></ol><p>Кнопки:</p><p></p><ul><li><p>“No, thanks”</p></li><li><p>“Cancel”</p></li><li><p>“Save”</p></li></ul><p></p><p></p><p>После Save:</p><p></p><ul><li><p>показывается summary (текст + локация + шрифт + цвет)</p></li><li><p>кнопки Edit / Remove</p></li></ul><p></p><p></p><p><b>Что должно попадать в заказ (line item properties)</b></p><p></p><p></p><p>Нужно записывать в product form (через hidden inputs или иначе корректно):</p><p></p><ul><li><p>properties</p></li><li><p>properties</p></li><li><p>properties</p></li><li><p>properties</p></li></ul><p></p><p></p><p>Если “No, thanks”:</p><p></p><ul><li><p>Embroidery Text = "No, thanks"</p></li><li><p>остальные поля можно пустыми</p></li></ul><p></p><p></p><p></p><p><b>Технические требования</b></p><ul><li><p>Dawn / OS 2.0</p></li><li><p>Реализация как block в sections/main-product.liquid (schema + вывод через case block.type)</p></li><li><p>Рендер через snippet snippets/embroidery-block.liquid</p></li><li><p>JS без eval, без нарушений CSP, scoped selectors (чтобы не ломалось при нескольких блоках)</p></li><li><p>Адаптив 320px+, drawer: max-height: 90vh; overflow-y: auto</p></li><li><p>Не ломать стандартный add-to-cart Dawn, без ошибок в консоли</p></li></ul><p></p><p></p><p></p><p><b>Результат</b></p><ul><li><p>Код внесён в тему + проверка на Desktop/Mobile</p></li><li><p>Я проверяю: сохранение настроек ? добавление в корзину ? свойства видны в cart item и в order</p><p></p></li></ul><p></p><p><b>Пожалуйста, в отклике</b></p><ul><li><p>пришлите 2–3 примера Shopify работ (Dawn/OS2.0)</p></li><li><p>оценку по времени/стоимости</p></li><li><p>подтвердите, что делали кастомные line item properties</p></li></ul>
