Öne çıkan koleksiyon
Bir koleksiyonun ürün kartları ızgara ya da kaydırılabilir carousel olarak; üzerine gelince ikinci görsel, indirim ve tükendi rozetleri ve hızlı ekle düğmesi.
- Kategori
- Ürün ve koleksiyon keşfi
- Kullanım yeri
- Ana sayfa, Ürün, Koleksiyon, Açılış sayfaları
- Okuduğu veri
- Bir koleksiyondaki ürünler
- Boyut
- 38 KB, küçük bir betik içerir
- Lisans
- MIT, müşteri işlerinde ücretsiz
Kısaca
Öne çıkan koleksiyon, bir koleksiyondan en fazla 24 ürünü ızgara ya da kaydırılabilir carousel olarak gösteren ücretsiz bir Shopify bölümüdür. Kartlar üzerine gelince ikinci görseli, indirim rozetiyle karşılaştırma fiyatlarını, tükendi rozetini ve seçeneği olmayan ürünler için hızlı ekle düğmesini gösterir; Online Store 2.0 temalarında uygulama olmadan çalışır.
Ne zaman kullanılır
- Hero’nun altında ana sayfada "Yeni gelenler" ya da "En çok satanlar" satırı
- Ürün sayfasında uyumlu bir koleksiyona yönlendiren "Seti tamamla" carousel’i
- Seçilmiş tek bir koleksiyonun ürünlerini gösteren sezonluk ya da hediye açılış sayfası
Tema düzenleyicide
- Başlık, başlık etiketi ve boyutu, metin ve kendi stiliyle koleksiyona giden bir "View all" bağlantısı
- Koleksiyon ve gösterilecek ürün sayısı (2–24)
- Izgara ya da önceki/sonraki düğmeli carousel; masaüstünde 2–6, mobilde 1 ya da 2 sütun; kart aralığı
- Görsel şekli (kare, dikey, uzun, yatay), üzerine gelince ikinci görsel, düz ya da kart stili, köşe yuvarlaklığı
- Marka (vendor) açma/kapama; indirim ve tükendi rozeti ifadeleri
- "Quick add" ve "Choose options" için kendi etiketlerinizle hızlı ekle düğmesi
- Arka plan rengi ya da gradyan, metin, vurgu, vurgu üzerindeki metin ve kart renkleri
- Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği
Dosyalar
sections/lib-featured-collection.liquidsnippets/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
- Hızlı ekle düğmesi nasıl çalışır?
- Seçeneği olmayan bir üründe, ürünün varyantını ve 1 adedi /cart/add adresine gönderen standart bir Shopify ürün formudur; JavaScript olmadan çalışır ve Shopify ardından sepet sayfasını gösterir. Temanızın sepet çekmecesini açmaz. Seçeneği olan ürünler bunun yerine ürün sayfasına giden bir "Choose options" bağlantısı gösterir; seçeneği olmayan tükenmiş bir ürün ise tükendi ifadenizle devre dışı bir düğme gösterir.
- Carousel JavaScript gerektirir mi?
- Hayır. Satır, dokunma, trackpad ve klavyeyle kendi başına kayan bir CSS scroll-snap şerididir. Küçük bir custom element 750px’ten itibaren önceki ve sonraki düğmelerini ekler; bunlar yalnızca satırda sığandan fazla ürün varken görünür. Telefonlarda satır kaydırılır ve sıradaki kart kenardan görünür.
- Üzerine gelince görünen görsel nereden gelir?
- Ürünün ikinci medya öğesinden. Üzerine gelinebilen cihazlarda ve kart klavye odağındayken yumuşakça belirir. Tek görseli olan ürünler ilk görsellerini korur; azaltılmış hareket tercih eden ziyaretçilerde geçiş kapanır.
- Koleksiyon seçilmemişse ne olur?
- Tema düzenleyicide bölüm, "Products to show" sayısı kadar örnek metinli yer tutucu kart gösterir. Canlı mağazada ürünleri olan bir koleksiyon seçilene kadar bölüm gösterilmez.
- Kaç ürün ve sütun gösterebilir?
- 2 ile 24 arasında ürün. Hem ızgarada hem carousel’de masaüstü 2–6 sütun, tabletler en fazla 3, telefonlar satır başına 1 ya da 2 gösterir.
- Ürün görselleri sayfayı yavaşlatır mı?
- Bölüm sayfadaki ilk iki bölümden biriyse ilk satır hariç görseller lazy-load ile yüklenir. Her kart sabit bir görsel şekliyle yerini önceden ayırır; görseller yüklenirken hiçbir şey kaymaz.
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 ve koleksiyon keşfi
Koleksiyon kartları
Görsel, başlık, etiket ve ürün sayısıyla en fazla sekiz koleksiyon kartı. Metin görselin üstünde ya da altında, 2–5 sütun ya da mobilde kaydırılabilir satır.
Ürün ve koleksiyon keşfi
Sekmeli koleksiyonlar
Yeni gelenler, Çok satanlar, İndirim ya da istediğiniz koleksiyonlar tek bölümde, sekmeli ızgarada; her sekmede Tümünü gör bağlantısı. Erişilebilir sekmeler.
Ürün ve koleksiyon keşfi
Tamamlayıcı ürünler
Ürün sayfasında "Bununla iyi gider" kartları: Search & Discovery’de seçtiğiniz tamamlayıcı ürünler, hızlı sepete ekleme düğmesiyle. Ücretli uygulama gerekmez.
