Ürün sekmeleri
Kendi metninizden, ürün açıklamasından, bir sayfadan ya da metafield’dan (meta alan) en fazla 6 ürün bilgisi sekmesi. Masaüstünde sekmeler, mobilde akordeon.
- Kategori
- Ürün sayfası
- Kullanım yeri
- Ürün, Açılış sayfaları, Her sayfa
- Okuduğu veri
- Ürünler
- Boyut
- 28 KB, küçük bir betik içerir
- Lisans
- MIT, müşteri işlerinde ücretsiz
Kısaca
Ürün sekmeleri, açıklama, bakım, kargo ve ölçüler gibi ürün bilgilerini en fazla altı sekmede toplayan ücretsiz bir Shopify bölümüdür; her sekme yazdığınız metinden, ürün açıklamasından, bir sayfadan ya da bir ürün metafield’ından doldurulur. Masaüstünde erişilebilir sekmeler, mobilde akordeon gösterir, her sekmenin içeriğini HTML’de tutar ve Online Store 2.0 temalarında uygulama olmadan çalışır.
Ne zaman kullanılır
- Ürün sayfasında satın alma alanının altında: açıklama, malzeme ve bakım, kargo ve iade, ölçüler
- Her ürün sayfasında bir sekmede gösterilen ortak bir beden rehberi ya da kargo politikası sayfası
- Her ürün sayfasını düzenlemeden, bir metafield’da tutulan ürüne özel bakım ya da içerik bilgileri
Tema düzenleyicide
- Başlık, başlık etiketi ve boyutu, isteğe bağlı giriş metni, ürün seçici (ürün sayfalarında isteğe bağlı)
- En fazla 6 sekme: başlık, isteğe bağlı ikon, metinden, ürün açıklamasından, bir sayfadan ya da bir metafield’dan içerik
- Masaüstünde sekmeler ve mobilde akordeon ya da her yerde akordeon
- Alt çizgi, hap ya da kutulu sekme stili, solda ya da ortada sekmeler, ilk akordeon öğesi açık
- Sayfa ya da tam genişlik, içerik azami genişliği, cihaza göre başlık hizalaması
- Arka plan, gradyan, metin, vurgu, vurgu üzerindeki metin ve kenarlık renkleri
- Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği, belirme animasyonu açma/kapama
Dosyalar
sections/lib-product-tabs.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
- Bir sekmenin içeriği nereden gelebilir?
- Her sekme bloğu tek bir kaynak seçer: blokta girilen metin, ürün açıklaması, bir sayfanın içeriği ya da namespace.key biçiminde yazılmış bir ürün metafield’ı, örneğin custom.care. Tek satırlı ve çok satırlı metin metafield’ları satır sonları korunarak metin olarak yazdırılır; zengin metin gibi diğer türler Shopify’ın metafield_tag filtresiyle işlenir.
- Bir üründe bir sekme için içerik yoksa ne olur?
- O sekme o ürün için gösterilmez; örneğin metafield doldurulmamışsa ya da açıklama boşsa. Böylece müşteriler hiç boş sekme görmez. Tema düzenleyicide gösterecek bir şeyi olmayan bir metafield ya da sayfa sekmesi veya ürünü olmayan bir açıklama sekmesi, nedenini görebilmeniz için kısa bir not gösterir.
- Gizli sekme içeriği arama motorlarınca dizine eklenir mi?
- Tüm sekme içeriği sayfanın HTML’indedir. Sekmeler yalnızca hangi panelin gösterileceğini değiştirir; hiçbir şey sonradan JavaScript ile yüklenmez.
- Mobilde ve klavyeyle nasıl çalışır?
- 750px altında her sekme, yerel details ve summary öğeleriyle kurulmuş bir akordeon öğesine dönüşür. 750px’ten itibaren varsayılan düzen ARIA tab kalıbını izleyen bir sekme listesi gösterir: ok tuşları sekmeler arasında geçer ve başa döner, Home ve End ilk ve son sekmeye atlar. Her ekran boyutunda akordeon da seçebilirsiniz.
- JavaScript gerekir mi?
- Akordeon yalnızca tarayıcıyla açılıp kapanır. Masaüstünde sekme değiştirmek küçük bir script kullanır; script çalışmadan önce ilk sekme gösterilir, böylece düzen zıplamaz.
- Hangi ürünü kullanır?
- Bölüm ayarlarında bir ürün seçildiyse onu, seçilmediyse bulunduğu ürün sayfasının ürününü. İkisi de yoksa ürüne dayalı sekmeler gösterilmez; metin ve sayfa sekmeleri yine görünür.
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.
