Öne çıkan ürün
Galerisi, fiyatı, varyant düğmeleri, adet seçimi ve sepete ekle düğmesiyle tek ürün, her sayfada. JavaScript olmadan da çalışır; tüm metinler düzenlenebilir.
- Kategori
- Ürün ve koleksiyon keşfi
- Kullanım yeri
- Ana sayfa, Açılış sayfaları, Koleksiyon, Her sayfa
- Okuduğu veri
- Tek ürün
- Boyut
- 41 KB, küçük bir betik içerir
- Lisans
- MIT, müşteri işlerinde ücretsiz
Kısaca
Öne çıkan ürün, seçtiğiniz tek bir ürünü görsel galerisi, fiyatı ve indirim etiketi, varyant düğmeleri, adet seçimi ve sepete ekle düğmesiyle her sayfaya yerleştiren ücretsiz bir Shopify bölümüdür. Form doğrudan Shopify sepetine gönderilir; bu yüzden JavaScript olmadan da çalışır, fiyat, stok durumu ve görsel de seçilen varyanta göre değişir. Online Store 2.0 temalarında uygulama olmadan çalışır.
Ne zaman kullanılır
- Ana sayfada, sayfadan ayrılmadan satın alınabilen öne çıkan ürün ya da en çok satan
- Tek bir ürün etrafında kurulan lansman ya da kampanya sayfası
- Anlattığı ürünü satan hediye rehberi, blog yazısı ya da Hakkımızda sayfası
Tema düzenleyicide
- Ürün seçici; satıcı, açıklama ve adet seçimi açık ya da kapalı
- Ürün başlığı etiketi (H1–H3 ya da paragraf) ve boyutu
- Ürün görsellerinden küçük görselli galeri; şekil (görsele uyum, kare, dikey, yatay) ve köşe yuvarlaklığı
- Her seçenek için varyant düğmeleri, Shopify ürün formuyla sepete ekleme
- Ürün sayfasına detay bağlantısı: dolu, çerçeveli ya da metin bağlantısı, isteğe bağlı yeni sekme
- Düzenlenebilir müşteri metinleri: Add to cart, Sold out, Unavailable, Sale ve ekran okuyucu etiketleri
- Galeri solda ya da sağda, yarım ya da geniş; mobilde sıra, sayfa ya da tam genişlik, cihaza göre metin hizalaması
- Arka plan, metin, düğme ve indirim rengi, kenarlık rengi
- Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği (anchor ID), kaydırınca belirme
Dosyalar
sections/lib-featured-product.liquidsnippets/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
- Müşteriler ürün sayfasını açmadan sepete ekleyebilir mi?
- Evet. Bölümde, seçilen varyantı ve adedi /cart/add adresine gönderen gerçek bir ürün formu vardır; ürün sepete eklenir ve Shopify müşteriyi her zamanki gibi sepete götürür. Ürün sayfasına giden "View full details" bağlantısı isteğe bağlıdır.
- Tükenen varyantlar nasıl gösterilir?
- Tükenen seçenekler görünür kalır ve yine seçilebilir: üstleri çizilir ve ekran okuyucular değerden sonra "sold out" duyurur. Seçilen varyant tükenmişse düğme "Sold out" yazar ve devre dışı kalır, fiyatın yanında da bir tükendi etiketi görünür. Var olmayan kombinasyonlarda "Unavailable" yazar. Bu metinlerin hepsini Türkçeye çevirebilirsiniz.
- JavaScript olmadan çalışır mı?
- Evet. JavaScript yoksa seçenekler, her varyantın fiyatıyla birlikte listelendiği tek bir menüdür; tükenen varyantlar seçilemez. JavaScript varsa menü seçenek düğmelerine dönüşür; fiyat, karşılaştırma fiyatı, indirim etiketi, stok durumu ve ana görsel seçilen varyanta göre güncellenir. Sayfa adresi değişmez.
- Yorumları ya da stok sayısını gösterir mi?
- Hayır. Yalnızca ürünün kendisinde olanı gösterir: görseller, başlık, satıcı, fiyat, karşılaştırma fiyatı, varyantlar, stok durumu ve açıklama. Puan, "son 3 ürün" gibi stok sayıları ya da ziyaretçi rakamları gibi uydurma veriler yoktur.
- Düğmeyi ve etiketleri çevirebilir miyim?
- Müşterinin gördüğü ya da duyduğu her kelime bir ayardır: Add to cart, Sold out, Unavailable, Sale, indirimli ve normal fiyat etiketleri, adet düğmeleri ve küçük görsel düğmeleri. Bunları tema düzenleyicide değiştirebilir ya da Translate & Adapt ile ç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 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.
