WinkwopTema Geliştirici Rehberi

React ile tema yazın, mağaza sahipleri sayfalarını kendileri kursun.

Bölüm yazarsınız, sayfa değil

Tema React bileşenlerinden oluşur. Hangi bölümün hangi sayfada, hangi sırada duracağına mağaza sahibi karar verir.

Ayarları siz tanımlarsınız

Bölümünüzün kabul ettiği prop'ları geliştirme ekranında tanımlarsınız; panel formu bu tanımdan üretilir. Form ile bileşen birbirinden kopamaz.

Tailwind hazır gelir

Yeni projeler Tailwind CSS ile kurulur; sınıfları doğrudan yazarsınız. İstemiyorsanız tek bir dosyayı silmeniz yeterli.

Build ve hosting yok

Kaynak kodu yüklersiniz, derleme sunucuda yapılır. Merkezi vitrin temanızı çalışma anında yükler. Her tema için ayrı deploy yoktur.

Nasıl çalışır?

Winkwop, "her tema ayrı bir uygulama" modeli yerine tek merkezi vitrin + bölüm paketi modelini kullanır.

Bölümlerinizi ve her bölümün ayarlarını partner panelindeki geliştirme ekranında tanımlarsınız.
npx create-winkwop-theme pull bu tanımları projenize tip güvenli şekilde indirir.
Bileşenleri React ile yazarsınız; mağaza verisine winkwop SDK'sı üzerinden erişirsiniz.
deploy kaynağı yükler, platform derler ve sürümü ready yapar.
Mağaza sahibi temayı kurar, bölümleri sayfalara yerleştirir ve yayınlar.

Nereden başlamalı

Hiç Winkwop teması yazmadıysanız Başlarken sayfasını sırayla takip edin; sonunda çalışan bir temanız olur.

Tema değil, mağaza verisini dışarıdan okuyup yazan bir entegrasyon (ERP, muhasebe, pazaryeri) mi yazıyorsunuz? Doğrudan Entegratör API bölümüne geçin.

Bilmeniz gereken sınırlar

Checkout size kapalı. Ödeme adımının dizilimi platformda sabittir; tema yalnızca birkaç metin ayarı verir. Sebebi güvenlik ve ödeme akışının bütünlüğüdür. Ayrıntı: Sayfalar.
Bölümler birbirini import edemez. Aynı window'u paylaşırlar; iletişim için CustomEvent kullanın. Ayrıntı: Bölümler.
Tema Next.js bilmez. Bağlantılar düz <a href> olarak yazılır; vitrin tıklamayı yakalayıp sayfa yenilenmeden gezinmeyi kendisi yapar.