Копіювання артикулу
Блок робить артикул (або код товару) на картці клікабельним: при натисканні значення миттєво копіюється в буфер обміну, а покупець бачить підтвердження «Скопійовано». Можна додати до артикулу назву, ціну та посилання на товар — зручно, коли клієнт пересилає товар у месенджер або менеджеру. Працює через navigator.clipboard з надійним фолбеком для старих браузерів і HTTP.
Клієнт хоче уточнити товар у Direct чи по телефону — і вручну переписує артикул, плутаючи цифри. Кожна помилка = зайве «а що саме ви дивилися?» і згаяний час менеджера.
Що налаштовується в конструкторі
- Дизайн
- Що копіювати
- Колір артикулу
- Колір підпису
- Підкладка (при наведенні)
- Колір рамки
- Акцентний колір (фокус)
- Розмір шрифту, px
- Заокруглення, px
- Відстань підпис ↔ артикул, px
- Відступ від сусідніх елементів
11 налаштувань · 4 пресетів · під Хорошоп
Живе прев'ю
Так блок виглядає на сторінці. Кольори й тексти підлаштуєте в конструкторі.
Прев'ю інтерактивне — наведіть і клікніть, щоб перевірити поведінку блока.
Як це працює
- Клік по артикулу — і він у буфері обміну
- Спливає підказка «Скопійовано»
- Артикул знаходиться сам, без налаштувань — перевірено на 7 магазинах із різними темами
- Режим «повний» копіює назву + артикул + ціну + посилання одним блоком
Питання
А якщо на моєму магазині інший клас артикулу?
Нічого налаштовувати не треба: блок сам перебирає типові розмітки Хорошопа (itemprop=sku, .product-header__code тощо) і читає значення навіть із атрибута content. Ми перевірили це на 7 різних магазинах з різними темами — артикул знаходиться скрізь. Якщо тема геть нестандартна — напишіть нам, підлаштуємо.
Це впливає на швидкість сайту?
Ні. Це один невеликий інлайн-скрипт без зовнішніх запитів і бібліотек — вставляється в «Скрипти після тегу body».
Що копіюється — з підписом «Артикул:» чи лише число?
Лише значення коду (напр. 55233), без підпису. У режимі «повний» — назва + артикул + ціна + посилання на товар.
Працює на мобільному?
Так, копіювання і підказка працюють і на десктопі, і на телефоні.
Заберіть блок безкоштовно
Налаштуйте в конструкторі, заберіть код, вставте в Хорошоп — без розробника й без картки.
Забрати безкоштовно