Ana içeriğe geç
Tasarım ve sepet içeriği

Sepet çekmecesini mağazanızla eşleştirin

Sepet tasarımınızı açın ve Style seçeneğini belirleyin. Bu sekme, çekmecenin genel görünümünü ve nasıl açıldığını kontrol eder.

Renkleri seçin

Sepet önizlemesinin yanında mavi Tinted paleti ve Edit colours listesi bulunan stil ayarları.
(1) Bir tema rengi seçin. (2) Tinted, açık bir arka plan ve uyumlu metin renkleri oluşturur. (3) Edit colours, Drawer temel renklerini ve etkin blokları içerir. Yanındaki önizleme örnek ürünleri kullanır.

Theme colours satırı, yayınlanan temanızdaki renkleri sunar. Bir renk seçin ve Palette style belirleyin: Clean, Tinted veya Dark. Ayrıca özel bir renk seçebilir veya rastgele bir renk deneyebilirsiniz.

Default, çekmece genişliği ve köşe yarıçapı gibi düzeni koruyarak varsayılan renkleri geri yükler.

Bir bloğun renklerini değiştirin

Edit colours altında ilk satır olan Drawer, arka plan, metin, vurgu, vurgu metni, soluk metin, tasarruf ve kenarlıklar gibi temel renkleri içerir. Bunun altında çekmecedeki her blok için ayrı bir satır bulunur; örneğin başlık, duyuru çubuğu, ödül çubuğu, ek satışlar, alt bilgi ve ödeme düğmesi. Bir bloğun satırı, blok etkinleştirildiğinde görünür.

Bir bloğun rengini boş bırakırsanız blok, çekmece renklerini kullanır. Bir tema rengi, özel veya rastgele renk ya da Default seçmek, tüm blok renklerini temizler; böylece çekmece temiz bir başlangıç yapar.

Çekmecenin düzenini ayarlayın

Floating seçili olan Layout ve Shape and text kartları, 16px kenar boşluğu, köşe yarıçapı ve metin boyutunu gösteren düzen.
(1) Layout bölümünde konumu, düzeni, başlık yüksekliğini ve genişliği ayarlayın. Floating, burada 16px olarak ayarlanan Gap from edges seçeneğini gösterir. (2) Shape and text bölümünde köşe yarıçapını, metin boyutunu ve gölgeleri ayarlayın. Kaydedilen genişliği mağaza vitrininizde kontrol edin.

Layout kartı, çekmecenin nerede duracağını ve nasıl davranacağını belirler:

  • Drawer position: sol veya sağ kenarı seçin.
  • Drawer layout: Attached, kenara bitişik durur; Floating, çekmecenin çevresinde boşluk bırakır ve 0 ile 80px arasında Gap from edges seçeneğini gösterir.
  • Header height: Default veya Compact. Compact, sepet başlığının üstündeki ve altındaki boşluğu yarıya indirerek küçük ekranlarda sepetin daha fazlasının sığmasını sağlar.
  • Drawer width: 280 ile 700px arasında.
  • Open the cart when a product is added: aşağıdaki otomatik açma bölümüne bakın.

Düzenleyici önizlemesi, kontrollerin kullanılabilir kalması için kendi sabit genişliğini korur. Gerçek çekmece genişliğini değerlendirmek için kaydedin ve mağaza vitrininizi kontrol edin. Dar bir ekran, çekmeceyi kullanılabilir alanla sınırlar.

Şekli ve metni ayarlayın

Shape and text kartı, son dokunuşları içerir:

  • Corner radius: 0 ile 20px arasında.
  • Text size: %90 ile %120 arasında. Çekmecedeki tüm metinleri aynı anda ölçeklendirir ve temanızın yazı tipini korur.
  • Shadows: derinlik efektlerini açın veya kapatın.

Ürün görsellerini ayarlayın

Görsel şekli Kare veya Dikey (3:4) olur. Bu ayar, sepet ürün görselleri ve tüm ek satış görselleri için geçerlidir, böylece çekmecenin tamamı aynı şekilde kırpılır.

Görseller kartı, tüm görsel boyutlarını tek bir yerde barındırır: Sepet ürünü görsel boyutu, Liste ek satış görsel boyutu (Dikey liste ve Tek seferde düzenlerindeki ek satışlar), Karusel ve yan ek satış görsel boyutu (Karusel düzeni ve tüm yan ek satış kartları) ve Eklenti görsel boyutu.

Sepet ürünü görsellerinde kenarlık, sepetteki her ürün fotoğrafının çevresine ince bir çizgi ekler. Fotoğraflarınız beyaz arka plana sahipse, çekmeceden ayrışmaları için bu seçeneği açın. Yeni sepetlerde bu seçenek kapalıdır ve ek satış ile eklenti görsellerine hiçbir zaman kenarlık eklenmez.

Otomatik açılmayı kontrol edin

Ürün sayfasının üzerinde iki indirimli kremi gösteren, renkli ve yüzen bir sepet çekmecesi.
(1) Çekmece, sayfa kenarının içinde yuvarlatılmış köşeler ve açık mavi bir arka planla durur. (2) Ödeme düğmesi, seçilen vurgu rengini kullanır.

Ürün eklendiğinde sepeti aç, Düzen kartında bulunur. Bu seçeneği kapatmak, ürün eklendikten sonra otomatik açılmayı durdurur; müşteriler çekmeceyi sepet simgesiyle açmaya devam edebilir.

Bu örnekte mavi tema rengi, Renkli ve Yüzen seçenekleriyle çekmeceye açık mavi bir arka plan ve 16px boşluk verir. Kaydedin ve mağazanın masaüstü ile mobil görünümünü kontrol edin. Bu kontrollerin ötesindeki değişiklikler için özel HTML ve CSS bölümüne bakın. Özel CSS, Stil bölümünün altında, Gelişmiş başlığının altındadır.

Bu makale faydalı oldu mu?

Geri bildiriminiz belgelerimizi geliştirmemize yardımcı olur.

Teşekkürler, bu makaleyi geliştirmeye devam edeceğiz.

Ekibimizle sohbet etmek ister misiniz? Hâlâ bir sorunuz mu var?

Hâlâ yardıma mı ihtiyacınız var?

Ekibimiz yalnızca bir tık uzağınızda. Bize mesaj gönderin, size geri dönelim.

Bu sitenin çalışmasını sürdürmek, nasıl kullanıldığını ölçmek ve sohbet widget'ımızı açtığınızda çalıştırmak için birkaç çerez kullanıyoruz. çerez politikası sayfamıza göz atın.