Shopify themeLiquid cart logicDesktop + Mobile

П'ять правок у вашій темі — на макеті product page

Кожен перемикач нижче вмикає одну з ваших п'яти задач. Вимкнено — видно те, що є зараз; увімкнено — те, що буде після правки.

Макет наш власний, дизайн вашого сайту не копіювався. Ціль — показати принцип реалізації, а не вигляд.

1-4Product page

Натисніть перемикачі — сторінка перебудується.

Almera Slip Dress Set

2 480 грн

Вигляд сторінки не переробляється — змінюється тільки те, що ви перелічили.

3Знижка 50% на аксесуар, яка доживає до Checkout

Це найризикованіший пункт із п'яти, тому він окремо. Натисніть — побачите різницю між тим, як знижку зазвичай «показують», і тим, як її застосовують насправді.

Almera Slip Dress Set2 480 грн

Silk Scrunchie аксесуар, 50% OFF

Доставказа тарифом

До сплати в Cart

До сплати на Checkout

5Керування бейджами без редагування коду

Ви просили, щоб бейджами можна було керувати з Shopify. Ось три способи і чим вони відрізняються — вибір за вами, я поясню наслідки кожного.

Спосіб	Як вмикається	Чим платимо
Tags	у картці товару дописати тег `bestseller` або `new`	найпростіше, але теги видно в фільтрах і пошуку магазину
Metafields	окреме поле «Бейджі» в картці товару, галочки	чисто і непомітно для покупця; трохи більше налаштування один раз
Theme settings	список товарів у налаштуваннях теми	не підходить: доведеться ходити в тему щоразу, а ви просили навпаки

Моя рекомендація — metafields: бейджі не течуть у фільтри магазину, а редагуються там само, де ви редагуєте товар. Два бейджі одночасно передбачені одразу, порядок фіксований, щоб вони не стрибали між товарами.

<!-- product page, Liquid -->
{%- assign badges = product.metafields.custom.badges.value -%}
{%- if badges contains 'bestseller' -%}<span class="b best">BESTSELLER</span>{%- endif -%}
{%- if badges contains 'new'        -%}<span class="b new">NEW</span>{%- endif -%}

6Порядок робіт і що я перевіряю перед здачею

Робота ведеться на копії теми (duplicate), боєва тема не чіпається до вашого «приймаю».
Кожен із п'яти пунктів приймається окремо — не «все разом наприкінці».
Перевірка на Desktop і Mobile, і окремо — що існуюча структура product page не поїхала.
Знижка перевіряється до кінця: Cart, Checkout, зміна кількості, видалення аксесуара, повернення.
Без важких сторонніх застосунків там, де це робиться в самій темі.

Чого не роблю: не переробляю дизайн сторінок, не копіюю Underoutfit (ви й просили лише принцип), не ставлю платні апки під задачі, які закриваються темою.