Sepet HTML Şablonları

Online Mağaza Sepetleri İçin Kullanıma Hazır Sepet HTML Şablonlarını Kullanın

Bir sepet HTML şablonu, kullanıcıların genellikle hafife aldığı sepet düzenleme işini çözer: hangi öğelerin var olacağına ve bunların nasıl iç içe geçeceğine karar vermek. Ürün satırları, miktar alanları ve kaldırma bağlantıları işaretleme dilinde zaten yer alır. Sipariş özeti ve ödeme butonu da kendi alanlarına sahiptir; böylece mağaza sahibi işe doğrudan gerçek ürünleri ekleyerek başlar.

Ürün Satırları Nasıl Yinelenir

Bir sepetin büyük bölümü, defalarca kopyalanan tek bir küçük birimden ibarettir. Tek bir ürünü olan müşteri ile on ürünü olan müşteri aynı satır yapısını görür; bu nedenle o tek satır, iki örnek ürün içeren bir demonun hissettirdiğinden çok daha önemlidir. Fiyat ve miktar bu satırın içinde yer alırken toplam tutar siparişin tamamına aittir ve yinelenen listenin dışında durur.

İyi oluşturulmuş bir satır genellikle şu parçaları bir arada tutar:

1. görseli, başlığı ve seçilen varyantı barındıran bir ürün kapsayıcısı;
2. güncelleme ve kaldırma kontrolleri doğrudan o ürüne ait olan bir miktar alanı;
3. birim fiyat ve satır ara toplamı için ayrı bölümler ile eski fiyat için ayrılmış bir alan.

Ürün Listesinin Dışındaki Bloklar

Satırların altında veya yanında, siparişi bir bütün olarak tanımlayan alanlar yer alır. Sağlam bir şablonda bunların her biri, dosyayı daha sonra düzenlerken kolayca bulunabilecek ayrı bir işaretleme bölümüdür.

Yinelenen listenin dışında şu blokları arayın:

1. ara toplamı, indirim veya kargo satırlarını ve genel toplamı toplayan bir sipariş özeti;
2. kendi formu veya eylem bloğu olarak yapılandırılmış, siparişe ödemeye giden net bir çıkış sağlayan bir ödeme alanı;
3. satırların yerine kısa bir mesaj ve kataloğa dönüş bağlantısı getiren boş bir sepet bölümü.

Stokta kalmayan bir ürünle ilgili mesajlar için küçük bir bildirim alanının bulunması da faydalıdır; zira bunu sonradan eklemek, mevcut blokların arasına yeni işaretleme kodları sıkıştırmak anlamına gelir.

Hangi Parçalar Zaten Kodlanmıştır

Nicepage, HTML çıktısı için e-ticaret sitelerini destekler ve sepet bu mağaza işlevselliğinin bir parçasıdır. Resmi E-Ticaret İçin Alışveriş Sepeti dokümantasyonu, Nicepage alışveriş sepeti özelliğinin nasıl çalıştığını ve bir e-ticaret projesinde nereye oturduğunu açıklar.

Demoları karşılaştırmadan önce, mağazanızın sepette neleri gösterdiğini listeleyin. Müşteriler varyant seçiyor ve indirim uyguluyorsa, bunların her birinin işaretlemede önceden tanımlanmış bir alana ihtiyacı vardır. Bu alanlardan yoksun bir şablon, katalog bağlandıktan sonra genellikle her satır öğesinin yeniden yapılandırılmasını gerektirir. Bir demo markanıza hiç benzemeyebilir ancak yapısı sipariş verilerinizle eşleştiği sürece yine de doğru temel olabilir. Ödeme ayrı bir adım olduğundan, sepetin siparişi ödeme adımına sorunsuzca aktaran bir blokla sonlanması yeterlidir.