Beden tablosu
Yan çekmecede, açılır pencerede ya da sayfada beden tablosu; cm / inç geçişi, ölçü alma notları ve görseli. Tabloyu yazın ya da bir sayfa seçin.
- Kategori
- Ürün sayfası
- Kullanım yeri
- Ürün, Koleksiyon, Her sayfa
- Okuduğu veri
- Yalnızca içerik ya da bir sayfanın içeriği
- Boyut
- 35 KB, küçük bir betik içerir
- Lisans
- MIT, müşteri işlerinde ücretsiz
Kısaca
Bu ücretsiz Shopify beden tablosu bölümü, beden tablonuzu bir "Beden tablosu" bağlantısının ya da düğmesinin arkasında, yan çekmecede veya ortada açılan bir pencerede ya da doğrudan sayfada gösterir. Tabloyu tema düzenleyicide yazarsınız (her satır ayrı bir satıra, hücreler | ile ayrılır) ya da bir sayfayı seçersiniz; müşteriler santimetre ile inç arasında geçiş yapabilir. Ölçü alma notları ve isteğe bağlı bir ölçü görseli ekler, Online Store 2.0 temalarında uygulama olmadan çalışır.
Ne zaman kullanılır
- Giyim, ayakkabı ya da yüzük ürün şablonlarında satın alma alanının altında bir "Beden tablosu" bağlantısı
- Ayrı bir Beden rehberi sayfasında, ölçü alma fotoğrafıyla birlikte sayfada gösterilen tam beden tablosu
- Bir sayfada tutulan ve birkaç ürün şablonunda yeniden kullanılan tek bir beden tablosu
Tema düzenleyicide
- Tabloyu yan çekmecede, açılır pencerede ya da sayfada gösterme
- Düğme metni ve stili: simgeli metin bağlantısı, dolu ya da çerçeveli
- Başlık, başlık etiketi ve boyutu, giriş metni
- Bölümde yazılan tablo (her satır bir satırda, hücreler | ile ayrılır) ya da bir sayfanın içeriği
- Yazdığınız birimle cm / inç geçişi, birim etiketleri ve tablo açıklaması
- Ölçü alma notları; her biri kendi odak noktasına sahip masaüstü ve mobil ölçü görseli
- Cihaza göre başlık ve düğme hizalaması, sayfa ya da tam genişlik
- Arka plan rengi ya da gradyanı; metin, vurgu, tablo, başlık satırı ve çizgi renkleri
- Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği (anchor ID), çekmecenin kayarak açılması
Dosyalar
sections/lib-size-chart.liquidKodu görün
snippets/lib-image.liquidKodu görün
snippets/lib-button.liquidKodu görün
Sade Liquid, CSS ve küçük bir betikle yazıldı. Uygulama da bağımlılık da yok.
Temanıza nasıl eklenir
- Bölüm dosyasını temanızın sections klasörüne, listelediği snippet’leri de snippets klasörüne kopyalayın.
- Tema düzenleyicide Add section’ı (Bölüm ekle) seçin ve adı “Lib ·” ile başlayan bölümü ekleyin.
- Örnek metni mağazanızın kendi metniyle değiştirin, renkleri markanıza göre ayarlayın.
Sık sorulan sorular
- Bedenlerimi nasıl eklerim?
- Tablo ayarına yazın: her satır ayrı bir satırda, hücreler dikey çizgiyle (|) ayrılır. İlk satır başlıktır, her satırın ilk hücresi de bedendir; örneğin "S | 86-90 | 68-72". Ya da tablo kaynağını bir sayfa yapın; sayfanın içeriği (genellikle sayfa düzenleyicide hazırlanmış bir tablo) beden tablosu olur.
- Müşteriler santimetre ile inç arasında geçiş yapabilir mi?
- Evet. cm / inç geçişini açın ve değerleri hangi birimde yazdığınızı seçin. Sayı hücreleri ve 86-90 gibi aralıklar tek ondalığa çevrilir; beden adları ya da notlar gibi diğer metinler yazdığınız gibi kalır. JavaScript yoksa geçiş gizlenir ve yazdığınız değerler görünür.
- Çekmece erişilebilir mi?
- Tarayıcının kendi diyalog öğesidir: odak içine taşınır, Escape ve kapat düğmesi onu kapatır, açıkken sayfanın geri kalanına ulaşılamaz, sayfa kaydırması kilitlenir ve kapanınca odak düğmeye döner. Tablonun bir başlığı ve başlık hücreleri vardır; küçük ekranlarda etiketli bir alan içinde yana kayar, beden sütunu ise görünür kalır.
- Farklı ürünler için farklı tablolar kullanabilir miyim?
- Evet. Bölümü kendi tablosu olması gereken her ürün şablonuna ekleyin ya da her tabloyu ayrı bir sayfada tutup bölümde o sayfayı seçin; sayfayı düzenlediğinizde onu kullanan tüm şablonlar güncellenir.
- Tüm metinler çevrilebilir mi?
- Müşterinin gördüğü her kelime bir ayardır: düğme metni, başlık, tablo açıklaması, birim etiketleri ve kapat düğmesi, birim geçişi ve tablo alanı için ekran okuyucu adları. Bunları tema düzenleyicide değiştirebilir ya da Shopify’ın Translate & Adapt uygulamasıyla çevirebilirsiniz.
Yayınlamadan önce
- Demolardaki metinler örnek içeriktir. Yayımlamadan önce kendi mağazanızın bilgileriyle değiştirin.
- Hareketin azaltılmasını isteyen ziyaretçilerde animasyonlar kapalıdır.
- Her dosya burada yayımlanmadan önce Shopify Theme Check ile kontrol edilir.
Temanıza uyarlanmış bir sürüme ya da burada olmayan bir bölüme mi ihtiyacınız var? Şu sayfaya bakın: Shopify tema geliştirme.
Diğer bölümler
Ürün sayfası
Önce / sonra kaydırıcısı
Sürüklenebilir ayırıcıyla tek çerçevede iki fotoğraf; müşteriler önceyi ve sonrayı karşılaştırır. Klavye ve ekran okuyucu dostu, ayrı mobil görselli.
Ürün sayfası
Karşılaştırma tablosu
2 ila 4 ürünü ya da paketi özellik satırlarıyla karşılaştırın: onay, çarpı ve metin hücreleri, öne çıkan bir sütun ve mobilde sabit özellik sütunu.
Ürün sayfası
Ürün paketi
Birlikte alınan iki ya da üç ürün: varyant menüleri, anlık toplam ve Cart AJAX API ile hepsini tek tıkla sepete ekleyen bir düğme.
