Bölüm paket indirimi uyguluyor mu?

Hayır. Ürünleri normal fiyatlarıyla ekler. Seti indirimli satmak için Shopify’da (İndirimler) otomatik bir indirim oluşturun, örneğin bu ürünler sepetteyken geçerli bir yüzde indirimi; ardından bunu bölümün indirim notunda belirtin. Not yalnızca bilgilendirme metnidir.

Ürünler sepete nasıl ekleniyor?

JavaScript ile: seçilen tüm varyantlar ve adetler tek bir /cart/add.js isteğiyle gönderilir. Ardından, sizin seçiminize göre müşteri sepete yönlendirilir ya da sayfada kalıp bir mesaj görür. cart:refresh olayı da bu olayı dinleyen temaların sepet sayacını güncellemesini sağlar. JavaScript yoksa form, stokta olan tüm ürünleri /cart/add adresine gönderir.

Tükenen ürünlere ne oluyor?

Tükenen ürün soluk ve "Tükendi" etiketiyle gösterilir ve sepete eklenmez. Tükenen varyantlar menüde görünür ama seçilemez.

Müşteri varyantı ve adedi değiştirebilir mi?

Seçenekleri olan her ürünün bir varyant menüsü vardır; fiyat ve toplam seçilen varyanta göre değişir. Ürün başına adedi blokta siz belirlersiniz (örneğin iki bardak); müşteri ise onay kutularıyla ürünleri sete ekler ya da setten çıkarır.

Toplam mağazanın para birimi biçiminde mi?

Evet. Biçim, Shopify’ın money filtresiyle oluşturulan bir fiyattan alınır; para birimi simgesi, ayraçlar ve ondalıklar mağazanızın geri kalanıyla aynıdır.

Ü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.

Kategori: Ürün sayfası
Kullanım yeri: Ürün, Açılış sayfaları, Ana sayfa, Her sayfa
Okuduğu veri: Seçtiğiniz en çok üç ürün
Boyut: 27 KB, küçük bir betik içerir
Lisans: MIT, müşteri işlerinde ücretsiz

Markdown olarak görüntüle ChatGPT’de aç Claude’da aç

Kısaca

Ürün paketi, seçtiğiniz iki ya da üç ürünü birlikte alınan bir set olarak sunan ücretsiz bir Shopify bölümüdür: her ürünün görseli, fiyatı ve varyant menüsü, güncel toplam ve tek bir "Hepsini sepete ekle" düğmesi. Müşteri bir ürünü onay kutusuyla setten çıkarabilir; düğme seçilen varyantları Shopify’ın Cart AJAX API’sine tek istekle ekler. Bölüm normal fiyatları gösterir; paket indirimi isterseniz bunu Shopify’da otomatik bir indirim olarak siz oluşturursunuz. Online Store 2.0 temalarında uygulama olmadan çalışır.

Örnek içerikli demo

Ne zaman kullanılır

Ürünün altında, bir sürahiyi bardaklar ve tepsiyle birlikte sunan "birlikte alın" seti
Açılış sayfasında her parçayı tek tıkla sepete ekleyen başlangıç seti ya da hediye seti
Paket uygulaması kullanmadan ana ürünün yanında bir aksesuar sunmak

Tema düzenleyicide

İki ya da üç ürün bloğu: ürün seçici, adet, varsayılan olarak sete dahil olma
Etiketi ve boyutuyla başlık, metin ve isteğe bağlı indirim notu
Düzenlenebilir kelimeler: Add all to cart, Total, Sold out, mesajlar ve ekran okuyucu etiketleri
Sepete ekledikten sonra: sepete git ya da sayfada kal ve mesaj göster
Kare ya da dikey görseller, sayfa ya da tam genişlik, cihaza göre başlık hizalaması
Arka plan rengi ya da gradyanı, metin, düğme, düğme metni, kart ve indirim renkleri
Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği (anchor ID), yüklenirken belirme

Dosyalar

sections/lib-product-bundle.liquid

İndir

Kodu görün

lib-product-bundle.liquid dosyasını açı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

Bölüm paket indirimi uyguluyor mu?: Hayır. Ürünleri normal fiyatlarıyla ekler. Seti indirimli satmak için Shopify’da (İndirimler) otomatik bir indirim oluşturun, örneğin bu ürünler sepetteyken geçerli bir yüzde indirimi; ardından bunu bölümün indirim notunda belirtin. Not yalnızca bilgilendirme metnidir.
Ürünler sepete nasıl ekleniyor?: JavaScript ile: seçilen tüm varyantlar ve adetler tek bir /cart/add.js isteğiyle gönderilir. Ardından, sizin seçiminize göre müşteri sepete yönlendirilir ya da sayfada kalıp bir mesaj görür. cart:refresh olayı da bu olayı dinleyen temaların sepet sayacını güncellemesini sağlar. JavaScript yoksa form, stokta olan tüm ürünleri /cart/add adresine gönderir.
Tükenen ürünlere ne oluyor?: Tükenen ürün soluk ve "Tükendi" etiketiyle gösterilir ve sepete eklenmez. Tükenen varyantlar menüde görünür ama seçilemez.
Müşteri varyantı ve adedi değiştirebilir mi?: Seçenekleri olan her ürünün bir varyant menüsü vardır; fiyat ve toplam seçilen varyanta göre değişir. Ürün başına adedi blokta siz belirlersiniz (örneğin iki bardak); müşteri ise onay kutularıyla ürünleri sete ekler ya da setten çıkarır.
Toplam mağazanın para birimi biçiminde mi?: Evet. Biçim, Shopify’ın money filtresiyle oluşturulan bir fiyattan alınır; para birimi simgesi, ayraçlar ve ondalıklar mağazanızın geri kalanıyla aynıdı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.

Ü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 öne çıkanları
Satın alma alanının altında malzeme, bakım, menşe, ölçü ya da garanti için simgeli maddeler; kendiniz yazın ya da ürün metafieldlarına bağlayın.