UI ეკოსისტემა

გააფართოვე.შენი მაღაზია.

აღმოაჩინეთ და შექმენით მორგებული UI ვარიანტები. პროდუქტის უნიკალური ბარათებიდან პროფესიონალურ ფუტერებამდე, შესაძლებლობები უსაზღვროა.

4 კომპონენტის ტიპი
ცოცხალი პრევიუ
უფასო SDK
ერთი კლიკით გამოქვეყნება
UI ვარიანტები

ოთხი გზა გაფართოებისთვის.

გადართეთ ათობით წინასწარ აწყობილ UI კომპონენტს შორის ან შექმენით საკუთარი, რათა მაქსიმალურად მოარგოთ თქვენი ბრენდის იდენტობას.

პროდუქტის ბარათები

Grid და List განლაგება პროდუქტების სიისთვის — wishlist, compare და cart ინტერაქციებით.

გლობალური ფუტერები

მაღაზიის ინფო, სოც-ქსელები, მდებარეობის ბარათები და თემის გადამრთველი.

ნავიგაციის პანელები

ჰედერის მენიუები, საძიებო ზოლები და მობილური Drawer კომპონენტები.

Checkout მოდულები

კალათის Drawer, გადახდის ფორმები და შეკვეთის შეჯამება — სრული Checkout flow-სთვის.

UI ვარიანტები

UI ვარიანტები

გადართეთ ათობით წინასწარ აწყობილ UI კომპონენტს შორის ან შექმენით საკუთარი, რათა მაქსიმალურად მოარგოთ თქვენი ბრენდის იდენტობას.

პროდუქტის ბარათები
გლობალური ფუტერები
ნავიგაციის პანელები
Checkout მოდულები
დეველოპერის SDK

დეველოპერის SDK

ჩვენი მძლავრი CLI და ლოკალური გარემო საშუალებას გაძლევთ შექმნათ, დატესტოთ და გამოაქვეყნოთ მორგებული ვარიანტები რამდენიმე წუთში.

terminal
$npx create-komero-variant my-footer
? Choose a template type:
Footer
Product Card
Workspace created in 2.8s
$npm run dev
Preview at localhost:3000
როგორ მუშაობს

კოდიდან მარქეთფლეისამდე.

CLI ყველაფერს ამზადებს. შენ ფოკუსირდები კოდზე — დანარჩენს ჩვენ ვაკეთებთ.

01

SDK-ის ინსტალაცია

გაუშვი npx create-komero-variant — TypeScript + Tailwind workspace ამოგიყვანს წამებში.

02

ააგე და ნახე

შეასწორე src/index.tsx. კომპონენტი ცოცხლად განახლდება Desktop, Tablet და Mobile ეკრანებზე.

03

გამოაქვეყნე

გაუშვი npm run submit — ბანდლავს, ამოწმებს ტიპებს და ქმნის zip-ს KOMERO-ზე ასატვირთად.

შექმენი KOMERO-სთვის

ხართ დეველოპერი? შემოუერთდით ჩვენს ეკოსისტემას და შექმენით კომპონენტები, რომლებსაც ათასობით მაღაზია გამოიყენებს.

SDK დოკუმენტაცია
KOMERO მარკეტპლეისი | UI ვარიანტები და SDK