Shopify demo-do'koni

Global Cart: Bellroy/Brooklinen uslubidagi kastom Shopify mavzusi va jonli demo-katalog

Dawn asosida qurilgan va Bellroy hamda Brooklinen'ning minimalistik DTC uslubiga moslab qayta ishlangan kastom Liquid mavzusi, 3 ta kolleksiya va 10 ta mahsulotdan iborat jonli katalog, hamda buyurtmalar haqida Telegram'ga xabar yuboruvchi alohida Remix asosidagi Shopify ilovasi.

DemoShopify demo-do'koni
  • Shopify
  • Liquid
  • Remix
Global Cart'ni ochish ↗

Muammo

OLX va Upwork'da raqobatchilarning Shopify takliflarini ko'rgan eksportga yo'naltirilgan sotuvchilar va mijozlar aniq savollar berishadi: dasturchi konstruktor orqali tayyor mavzuni almashtirish emas, Liquid mavzusini kastomizatsiya qila oladimi va buyurtmalar haqida xabar yuborish kabi nostandart mantiq uchun alohida Shopify ilovasini yoza oladimi.

"Mana tayyor mavzu, mana skrinshot" formatidagi standart demo bu savollarga javob bermaydi — qayta ishlangan seksiyalar, real katalog va ishlaydigan tashqi integratsiya bir vaqtda ko'rinadigan jonli do'kon kerak edi, ulardan faqat bittasi emas.

Bellroy va Brooklinen uslubidagi kastom mavzu

Shopify'ning Online Store 2.0 uchun etalon mavzusi bo'lgan Dawn asos qilib olindi va eksportga yo'naltirilgan DTC brendlarining minimalistik uslubiga moslab qayta ishlandi: iliq off-white/near-black palitra, soya va pilula-belgilar o'rniga o'tkir burchaklar, bosh harflar bilan trekingli yorliqlar va seksiyalar orasidagi keng bo'shliqlar. Uslub qatlami base.css'dan keyin yuklanadigan qo'shimcha CSS fayli sifatida qilingan, shuning uchun Dawn'ning barcha moslashuvchanligi — ranglar, radiuslar, shriftlar Theme Customizer orqali — o'z holicha qoladi.

Standart Dawn'da yo'q kastom Liquid seksiyalari qo'shildi: ikonka/sarlavha/matn bloklariga ega "Nega bizdan xarid qilish kerak" afzalliklar bloki va "review" metaobject'iga ishora qiluvchi mahsulot metafieldidan reyting va matnlarni o'qiydigan sharhlar bloki — pullik sharhlar ilovasisiz. Bosh sahifa hero → kategoriya bo'yicha xarid → eng ko'p sotilganlar → editorial blok → afzalliklar → mijoz sharhi → obuna ketma-ketligiga qayta qurildi, Dawn'ning standart illyustratsiyalari o'rniga haqiqiy fotosuratlar (charm sumka, aksessuarlar flatlay'i, yig'ilgan chamadon) qo'yildi — fotolar Admin API orqali Shopify Files'ga yuklandi va oddiy, mavzu orqali tahrirlanadigan rasm sifatida ulandi.

Jonli vitrina: 3 kolleksiya, 10 mahsulot, ishlaydigan mahsulot sahifasi

Mavzu ortida bo'sh joy emas, real katalog turibdi: 3 kolleksiya (Bags & Backpacks, Accessories, Travel Essentials) va narxlar, tavsiflar va haqiqiy fotolarga ega 10 ta demo-mahsulot — charm duffel-sumkadan sayohat uchun tashkil qiluvchi to'plamgacha — barchasi to'g'ridan-to'g'ri Shopify Admin API orqali yaratilgan va chop etilgan.

Mahsulot kartochkasi eksport-do'kon formatiga moslab kastomizatsiya qilindi: narx ostiga "Ships worldwide · USD" qatori qo'shildi, mahsulot sahifasining o'zi sticky ma'lumot paneli, katta galereya va bog'liq mahsulotlar bilan yig'ildi — katalogdan Add to cart'gacha to'liq ishlaydigan yo'l.

Filtrli katalog va buyurtmalar haqida Telegram xabarnomasi

Kolleksiya sahifasi Dawn'ning standart Search & Discovery'sidan — mavjudlik va narx bo'yicha saralash va filtrlardan — foydalanadi, ammo bu keng bo'shliqli kastom 3 ustunli setka ustida, shuning uchun u qo'shimcha element emas, xuddi shu mavzuning bir qismidek ko'rinadi.

Mavzudan alohida, texnik topshiriqdagi A variant asosida Node.js/Remix ilovasi qurildi: u Shopify Admin API orqali orders/create webhook'ini tinglaydi va Bot API orqali Telegram'ga yangi buyurtma haqida xabar yuboradi — bu Shopify'ning standart email xabarnomalaridan ko'ra mahalliy mijozlarning haqiqiy so'rovlariga yaqinroq.

Natija

Mavzu globalcart-demo.myshopify.com do'konining live-mavzusi sifatida chop etilgan — mijoz havolani ochadi, dev-do'kon parolini kiritadi (Shopify Partner Development Store'ning standart cheklovi, faqat pullik tarifga o'tish orqali olib tashlanadi) va to'liq yo'lni bosib o'tadi: katalog → mahsulot sahifasi → savat → checkout — statik skrinshotlar emas, haqiqiy ma'lumotlar asosida.

Demo bir vaqtning o'zida uchta ko'nikmani ko'rsatadi: konstruktordan tashqari Liquid mavzusini kastomizatsiya qilish, katalogni to'ldirish uchun Shopify Admin API bilan ishlash va alohida Remix asosidagi Shopify ilovasi — bu aynan eksport bozori uchun Shopify ishiga yollayotgan mijozlar qidirayotgan kombinatsiya.

Boshqa keyslar