Bir çantayı 5 renkte satıyorsunuz. Koleksiyon sayfasında sadece 1 ürün kartı görünüyor. Müşteri sayfayı kaydırıyor, 5 renk seçeneği olduğunu bilmiyor. Ürün sayfasına girmezse renkleri asla görmüyor.
Bazı mağazalar her rengi koleksiyonda ayrı kart olarak göstermek ister. Bazıları ise tek kart altında renk swatch’ları ister. Bu yazıda her iki yaklaşımı, nasıl kurulduklarını ve hangisinin ne zaman doğru olduğunu anlatıyoruz.
Bu yazıda
- Sorun: varyantlar koleksiyonda görünmez
- Yaklaşım 1: Her renk ayrı ürün kartı
- Yaklaşım 2: Tek kart, altında swatch’lar
- Nasıl kurulur?
- Swatch görüntüleme seçenekleri
- Filtre sorunu ve çözümü
- SEO etkisi
- Sık sorulan sorular
Sorun: varyantlar koleksiyonda görünmez
Shopify koleksiyon sayfası ürün düzeyinde çalışır. Bir ürünün 10 renk varyantı olsa bile koleksiyonda tek bir kart görünür. Genellikle ilk görselle. Müşteri o kartı tıklayana kadar diğer renkleri göremez.
Bu özellikle rengin satın alma kararında belirleyici olduğu kategorilerde sorun yaratır. Moda, aksesuar, ev dekorasyonu, telefon kılıfı gibi alanlarda müşteri önce rengi seçer, sonra detaylara bakar.
Koleksiyon sayfasında renkleri göstermezseniz müşteri o rengi bulamaz. Bulamadığı ürünü satın almaz.
Yaklaşım 1: Her renk ayrı ürün kartı
Her rengi ayrı bir Shopify ürünü olarak oluşturursunuz. Koleksiyona hepsini eklersiniz. 5 renk = 5 ayrı ürün kartı.
Bu yaklaşımın avantajları:
- Her renk kendi görseli ve başlığıyla koleksiyonda yer alır.
- Filtreler doğru çalışır. “Mavi” filtresi sadece mavi ürünleri gösterir.
- Her renk kendi URL’sine ve SEO avantajına sahip olur.
Dezavantaj: ürünler birbirine bağlı değil. Müşteri mavi çantayı görüyor ama kırmızı versiyonun da var olduğunu bilmiyor. Ta ki combined listings ile bağlayana kadar.
Yaklaşım 2: Tek kart, altında swatch’lar
Koleksiyonda tek ürün kartı gösterirsiniz. Ama kartın altında (veya üstünde) küçük renk swatch’ları bulunur. Müşteri swatch’a tıkladığında o rengin ürün sayfasına gider. Hover’da kart görseli değişir.
Bu yaklaşım koleksiyon sayfasını temiz tutar. 50 ürün 5 renkte 250 kart yerine 50 kart + swatch’lar gösterir. Müşteri hem tüm ürünleri tarayabilir hem de renk seçeneklerini görebilir.
Rubik Combined Listings her iki yaklaşımı da destekler. Ayrı ürünleri gruplayıp swatch’larla bağlar. Koleksiyonda tek kart + swatch veya tüm renkleri ayrı kart olarak gösterebilirsiniz.
Nasıl kurulur?
Dört adım:
- Ürünleri oluşturun. Her renk ayrı bir Shopify ürünü. İçinde beden varyantları olabilir.
- Rubik Combined Listings’ı yükleyin ve tema düzenleyicisinde app embed’i etkinleştirin.
- Grup oluşturun. “Create Group” ile ürünleri bir araya getirin. Her ürüne renk değeri atayın. Veya toplu gruplama ile otomatik gruplayın.
- Koleksiyon preset’ini seçin. 8 farklı koleksiyon sayfası görüntüleme preset’i var. Swatch’ların konumunu, boyutunu ve stilini ayarlayın.
Detaylı rehber: combined listings kurulum rehberi.
Swatch görüntüleme seçenekleri
Rubik Combined Listings koleksiyon sayfasında 8 farklı swatch yerleşimi sunar:
- Kartın altında (varsayılan)
- Kartın üstünde
- Görselin üzerinde (overlay)
- Hover’da görünür
Swatch’lar renk dairesi, kare, resimli veya metin olarak gösterilebilir. 70’den fazla özelleştirme ayarı var. Detaylar: swatch özelleştirme rehberi.
Hover’da kart görseli otomatik olarak o rengin ürün görseline geçer. Müşteri tıklamadan sonucu görebilir.
Filtre sorunu ve çözümü
Shopify koleksiyon filtrelerinin varyantlarla bilinen sorunu: “Mavi” filtresi mavi varyantı olan ürünleri listeler ama kartlarda ilk varyantın (genelde siyah) görselini gösterir. Müşteri mavi seçtiği halde siyah ürün kartları görür.
Combined listings ile renkler ayrı ürün olduğunda bu sorun ortadan kalkar. “Mavi” filtresi sadece mavi ürünleri, mavi görselleriyle gösterir. Detaylı bilgi: combined listings ve koleksiyon filtreleri.
SEO etkisi
Koleksiyonda her rengi ayrı kart olarak göstermenin SEO ile doğrudan ilişkisi olmasa da, bunun altyapısı olan “her renk = ayrı ürün” yapısı SEO’yu doğrudan etkiler.
Her renk kendi URL’sine, title tag’ine ve schema markup’ına sahip. Google Shopping feed’inde ayrı giriş olarak görünür. Ayrı ürünler vs varyantlar SEO karşılaştırması yazımızda detaylı analiz var.
Ürün sayfasında varyant resimlerini filtrelemek isterseniz Rubik Variant Images bu işe yarar. Müşteri bir beden veya renk seçtiğinde galeri sadece o seçime ait görselleri gösterir.
Video
Koleksiyon sayfasında swatch’ların nasıl göründüğünü izleyin:
Sık sorulan sorular
Shopify koleksiyonunda varyantları ayrı kart olarak gösterebilir miyim?
Shopify bunu varsayılan olarak desteklemiyor. Her rengi ayrı ürün olarak oluşturup combined listings ile gruplamanız gerekir. Böylece koleksiyonda ayrı kartlar, ürün sayfasında swatch bağlantıları elde edersiniz.
Koleksiyondaki swatch’lar her temada çalışır mı?
Rubik Combined Listings Shopify’ın app embed sistemini kullanır. Tüm Online Store 2.0 temalarında çalışır. Dawn, Sense, Craft ve diğer popüler temalarda test edilmiştir.
Hover’da ürün kartı görseli değişir mi?
Evet. Müşteri bir swatch’ın üzerine geldiğinde ürün kartındaki görsel o rengin ürün görseline geçer. Tıklamadan önce sonucu görebilir.
Koleksiyon sayfasında kaç swatch görünür?
Varsayılan olarak tümü gösterilir. Grupta 20 renk varsa 20 swatch görünür. Dilerseniz maksimum sayıyı sınırlayabilir ve “+5 daha” gibi bir gösterge ekleyebilirsiniz.
Shopify Plus gerekli mi?
Hayır. Rubik Combined Listings her Shopify planında çalışır. Free ($0, 5 grup), Starter ($10/ay, 100 grup), Advanced ($30/ay, 500 grup), Premium ($50/ay, 5.000 grup).
Toplu gruplama ile tüm ürünleri otomatik gruplayabilir miyim?
Evet. Uygulama ürün başlıklarındaki kalıpları algılar. “Deri Çanta – Mavi” ve “Deri Çanta – Kırmızı” otomatik olarak aynı gruba eklenir. Yüzlerce ürünü saniyeler içinde gruplar.
