Geri sayım tasarlama
Bir geri sayımın mağazanızla uyumlu olması için renkleri, yazı tiplerini, arka planları, kenarlıkları ve boşlukları değiştirin.
Şablon size başlangıç görünümü verir. Design sekmesi onu kendinize ait yaptığınız, hatta her bölümü düzenlenebilir olduğu için tamamen yeniden kurduğunuz yerdir.
Geri sayım sayaçları ve tahmini teslimat tarihleri tam bir Design sekmesine sahiptir. Stock ve cart geri sayımlarının seçenekleri daha azdır ve bunları Settings sekmesinin içinde tutarlar.
Ayarları değiştirdikçe önizlemenin güncellendiği Design sekmesi.
Şablon değiştirme
Bölüm başlığı “Şablon değiştirme”Başta seçtiğiniz tasarıma bağlı kalmazsınız. Oluşturucunun içinden şablon seçiciyi açın ve başka birini seçin. Sezonlar üstte sekmeler halinde sıralanır: Default, New year, Valentine, Summer Sale, Moon Festival, Halloween, Black Friday, Christmas ve Winter Sales.
Şablon değiştirmek tasarımın yerini alır. Metniniz, zamanlamanız ve koşullarınız korunur.
Geri sayım sayacı tasarımı
Bölüm başlığı “Geri sayım sayacı tasarımı”Sayacın Design sekmesinde dört bölüm ve özel CSS bulunur.
Design Main Section
Bölüm başlığı “Design Main Section”Geri sayımın dış kapsayıcısı; diğer her şeyin içinde durduğu panel.
| Grup | Kontroller |
|---|---|
| Background | Düz bir renk veya yüklenmiş bir görsel. Renk seçildiğinde, ayrı Left ve Right değerlerine sahip bir Main background color alırsınız; yani düz dolgu her iki tarafta aynı renk, gradyan ise iki renktir |
| Overlay image | Yüklenmiş bir arka planı karartır, böylece metin üzerinde okunaklı kalır |
| Text | Geri sayımın tamamı için yazı tipi. Bir yazı tipi ailesi ve kalınlığı seçmek için Use custom font style seçeneğini açın |
| Padding | Panelin içindeki boşluk; Top / Right ve Bottom / Left olarak ayarlanır |
| Border | Kenarlık boyutu, yuvarlaklığı, stili (Solid, Dotted veya Dashed) ve rengi |
| Shadow | Yes veya No |
Öğe stili: Title ve Subtitle
Bölüm başlığı “Öğe stili: Title ve Subtitle”Title ve Subtitle öğelerinin her biri kendi yazı tipine, yazı boyutuna, rengine ve kenar boşluklarına sahiptir. Başlığı öne çıkarıp alt başlığı geriye çekmek veya ikisini birbirine yaklaştırmak için burayı kullanırsınız.
Design Timer Section
Bölüm başlığı “Design Timer Section”Rakamların kendisi.
| Grup | Kontroller |
|---|---|
| Font | Sayılar için Timer font size ve altındaki sözcükler için Label font size |
| Border | Her birimin etrafındaki kutunun boyutu ve stili |
| Color | Number color, etiketler için Data text color, her birim kutusu için Background color, ayırıcılar için Dot color ve Border color |
| Padding | Her birim kutusunun içindeki boşluk |
Birimlere bir arka plan ve kenarlık vermek kutulu görünümü sağlar; ikisini de boş bırakmak panelin üzerinde sade sayılar verir.
Button
Bölüm başlığı “Button”Düğmeyi açtıysanız, kendi kenarlığı (yuvarlaklık, boyut, stil), renkleri (arka plan, metin, kenarlık) ve boşluğu olur.
Design Mobile Section
Bölüm başlığı “Design Mobile Section”Telefonlar için ayrı yazı boyutları. Uygulamada “Optimize countdown appearance and layout for mobile devices to ensure a smooth and responsive user experience.” şeklinde tanımlanır.
Title, Subtitle, Timer number ve Timer label için mobile özel boyutlar ile mobil boşluk ayarlayabilirsiniz.
Bu bölüm her geri sayım için bir dakikanızı hak eder. Masaüstünde 25px ile iyi okunan bir başlık genellikle telefonda çok büyüktür ve masaüstü boyutundaki dört sayaç birimi çoğu zaman alta kayar veya taşar.
Tahmini teslimat tarihi tasarımı
Bölüm başlığı “Tahmini teslimat tarihi tasarımı”Bir teslimat tarihinin Design sekmesi, iki parçasına uygun olarak bölünmüştür:
- Design Main Widget — mesaj: yazı tipleri, renkler, boyut, kenarlıklar, boşluklar.
- Design Process Widget — Ordered → Dispatched → Delivered çubuğu: simgeler, renkler ve boşluklar.
Yerleşiminiz Message only veya Progress bar only ise yalnızca ilgili yarısı önemlidir.
Stock ve cart geri sayımı tasarımı
Bölüm başlığı “Stock ve cart geri sayımı tasarımı”Bu ikisinin tasarım kontrolleri Settings sekmesinin içindedir.
Stock countdown şunları sunar: Alignment, mesaj, kaydırıcı, stok rakamı ve arka plan için ayrı renkler ve bir Animation (None, Flash veya Pulse).
Cart countdown şunları sunar: konum, mesaj, sayaç ve arka plan renkleri, kenarlıklar ve yazı tipleri.
Özel CSS
Bölüm başlığı “Özel CSS”Her tür, kontrollerin kapsamadığı her şey için bir Custom CSS (Developer Zone) kutusuyla biter. Bkz. Özel CSS.
Pratik öneriler
Bölüm başlığı “Pratik öneriler”Temanızdan ödünç alın. Marka renklerinizdeki bir geri sayım mağazanın parçası gibi görünür; şablon varsayılanlarındaki bir geri sayım sonradan eklenmiş gibi durur. Temanızın vurgu rengi genellikle doğru arka plandır.
Kontrast renkten daha önemlidir. Asıl önemli olan sayılardır; arkalarındaki her şeye karşı, boyut aralığının küçük ucunda bile okunabilir olduklarından emin olun.
Gerçek bir sayfada kontrol edin. Önizleme geri sayımı tek başına, kendi arka planında gösterir. Ürün sayfanızda ise onunla yarışan bir fiyat, bir düğme ve görseller vardır.
Telefonda kontrol edin. Masaüstü boyutlarının küçük bir ekranda ne yaptığını kabullenmek yerine Design Mobile Section bölümünü kullanın.