Tamamlayıcı ürünler nereden geliyor?

Shopify’ın intent=complementary ile çalışan ürün önerilerinden; bunlar Search & Discovery uygulamasında Öneriler altında her ürüne eklediğiniz tamamlayıcı ürünleri döndürür. Shopify bunları kendiliğinden üretmez: tamamlayıcı ürün belirlenmemiş bir üründe hiçbir şey görünmez.

"Bunları da beğenebilirsiniz" ile aynı şey mi?

Hayır. "Bunları da beğenebilirsiniz" ilgili (related) amacı kullanır ve Shopify bunu satın alma ve ürün açıklaması verilerinden kendiliğinden doldurur. Tamamlayıcı ürünler ise birlikte satın alınması için sizin seçtiğiniz ürünlerdir; bu yüzden bölüm yalnızca bu amacı kullanır.

Sepete ekleme nasıl çalışıyor?

Tek varyantlı ürünlerde düğme Shopify’ın kendi ürün formunu kullanır ve o varyantı doğrudan sepete ekler. Seçenekli ürünlerde ise "Seçenekleri belirle" bağlantısı ürün sayfasına götürür; müşteri bedeni ya da rengi orada seçer.

Ürün sayfasını yavaşlatır mı?

Öneriler yalnızca bölüm ekrana yaklaştığında, mağazanıza gönderilen tek bir istekle yüklenir; kartlar duyarlı görseller kullanır. Sayfanın geri kalanı önerilerin yüklenmesini beklemez.

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.

Kategori: Ürün ve koleksiyon keşfi
Kullanım yeri: Ürün
Okuduğu veri: Shopify ürün önerileri (tamamlayıcı amaç)
Boyut: 30 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

Tamamlayıcı ürünler, ürün sayfasında birlikte iyi giden ürünleri gösteren ücretsiz bir Shopify bölümüdür ve Shopify’ın kendi ürün önerilerini tamamlayıcı (complementary) amaçla kullanır. Her ürünün tamamlayıcı ürünlerini Shopify’ın ücretsiz Search & Discovery uygulamasında siz seçersiniz; bölüm ekrana yaklaştığında bunları mağazanın öneri adresinden çeker ve fiyat, indirim ve tükendi rozetleri ile isteğe bağlı sepete ekle düğmesi olan kartlar halinde gösterir. Tamamlayıcı ürün belirlenmemiş ürünlerde hiçbir şey görünmez. Online Store 2.0 temalarının ürün şablonlarında, ücretli bir uygulama olmadan çalışır.

Örnek içerikli demo

Ne zaman kullanılır

Ürün açıklamasının altında aksesuar ızgarası: fincanın yanında tabağı, lambanın yanında ampulü
Satın alma alanının altında, küçük ek ürünlerin tek tıkla sepete eklenebildiği kısa bir liste
Bakım ürünlerini korudukları ürünle birlikte sunmak (deri çantayla bakım kremi)

Tema düzenleyicide

Başlık (H1–H3 ya da paragraf etiketi, üç boyut) ve giriş metni
Gösterilecek ürün sayısı (1–10), ızgara ya da kısa liste düzeni
Görsel biçimi, düz ya da kart stili, köşe yuvarlaklığı, satıcı
Tek varyantlı ürünler için hızlı sepete ekle, diğerleri için "Seçenekleri belirle" bağlantısı
İndirim ve tükendi rozetleri, ekran okuyucu fiyat etiketleri
Izgara için masaüstünde (2–5) ve mobilde (1–2) sütun sayısı
Sayfa ya da tam genişlik, cihaza göre başlık hizalaması
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 (anchor ID), kartların belirmesi

Dosyalar

sections/lib-complementary-products.liquid

İndir

Kodu görün

lib-complementary-products.liquid dosyasını açın

snippets/lib-product-card.liquid

İndir

Kodu görün

lib-product-card.liquid dosyasını açın

snippets/lib-image.liquid

İndir

Kodu görün

lib-image.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

Tamamlayıcı ürünler nereden geliyor?: Shopify’ın intent=complementary ile çalışan ürün önerilerinden; bunlar Search & Discovery uygulamasında Öneriler altında her ürüne eklediğiniz tamamlayıcı ürünleri döndürür. Shopify bunları kendiliğinden üretmez: tamamlayıcı ürün belirlenmemiş bir üründe hiçbir şey görünmez.
"Bunları da beğenebilirsiniz" ile aynı şey mi?: Hayır. "Bunları da beğenebilirsiniz" ilgili (related) amacı kullanır ve Shopify bunu satın alma ve ürün açıklaması verilerinden kendiliğinden doldurur. Tamamlayıcı ürünler ise birlikte satın alınması için sizin seçtiğiniz ürünlerdir; bu yüzden bölüm yalnızca bu amacı kullanır.
Sepete ekleme nasıl çalışıyor?: Tek varyantlı ürünlerde düğme Shopify’ın kendi ürün formunu kullanır ve o varyantı doğrudan sepete ekler. Seçenekli ürünlerde ise "Seçenekleri belirle" bağlantısı ürün sayfasına götürür; müşteri bedeni ya da rengi orada seçer.
Ürün sayfasını yavaşlatır mı?: Öneriler yalnızca bölüm ekrana yaklaştığında, mağazanıza gönderilen tek bir istekle yüklenir; kartlar duyarlı görseller kullanır. Sayfanın geri kalanı önerilerin yüklenmesini beklemez.

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