Shopify’da sadece seçili varyant resimlerini gösterme
Müşteriniz ürün sayfasında “Kırmızı” seçiyor. Ana resim kırmızı ürün fotoğrafına geçiyor. Ama galeride mavi, siyah, beyaz ve diğer tüm renklerin fotoğrafları hala görünüyor. 8 renk ve renk başına 5 fotoğrafınız varsa müşteri 40 resim arasında gezinmek zorunda kalıyor.
Shopify varsayılan olarak galeriyi varyanta göre filtrelemez. Varyant değiştiğinde ana resim değişir ama galeri aynı kalır. Bu yazıda galeriyi nasıl filtreleyeceğinizi ve sadece seçili varyantın resimlerini nasıl göstereceğinizi adım adım anlatıyoruz.
Bu yazıda
- Sorun: Shopify neden tüm resimleri gösterir?
- Bunun mağazanıza etkisi
- Sorunu çözmenin yolları
- Rubik Variant Images ile galeri filtreleme
- Ortak resimler nasıl ele alınır?
- 5 dakikada kurulum
- Video
- Sık sorulan sorular
Sorun: Shopify neden tüm resimleri gösterir?
Shopify’ın varyant-resim ilişkisi bire birdir. Her varyanta tek bir “öne çıkan” resim atanır. Müşteri o varyantı seçtiğinde galeri bu resme kaydırılır. Ama diğer resimler gizlenmez.
Bunun nedeni Shopify’ın varyant başına birden fazla resim atama özelliğine sahip olmamasıdır. Ürüne yüklenen tüm medya tek bir havuzda durur. Varyant-resim bağlantısı sadece “bu varyantın ana resmi budur” der, “bu varyanta ait tüm resimler bunlardır” demez.
Bunun mağazanıza etkisi
Karışık bir galeri müşteri deneyimini olumsuz etkiler. Müşteri seçtiği rengin fotoğraflarını bulmak için kaydırmak zorunda kalır. Yanlış rengin fotoğrafını incelediğini fark etmeyebilir. Bu da iade oranını artırır.
Özellikle mobilde sorun büyür. Küçük ekranda 30-40 resim arasında gezinmek sinir bozucudur. Müşteriler sayfadan çıkabilir veya yanlış ürünü sepete ekleyebilir. Filtrelenmiş bir galeri hem kullanıcı deneyimini hem de satış performansını iyileştirir.
Sorunu çözmenin yolları
İlk yol: her renk için ayrı ürün oluşturmak. Bu yöntem galeri sorununu çözer ama envanter yönetimini karmaşıklaştırır. Ayrıca Shopify’ın varyant sınırlamaları devreye girer ve SEO açısından ürün tekrarları oluşur.
İkinci yol: tema kodunu düzenlemek. Liquid şablonlarına JavaScript ekleyerek galeriyi filtreleyebilirsiniz. Ama bu yöntem tema güncellemelerinde bozulabilir ve her tema için farklı kod gerektirir.
Üçüncü yol: bir Shopify uygulaması kullanmak. Rubik Variant Images tam olarak bu iş için tasarlanmıştır. Her varyanta birden fazla resim atar ve varyant değiştiğinde galeriyi otomatik filtreler.
Rubik Variant Images ile galeri filtreleme
Rubik Variant Images kurulduktan sonra her varyanta istediğiniz kadar resim atarsınız. Müşteri bir varyantı (örneğin “Mavi”) seçtiğinde galeri yalnızca “Mavi” varyantına atanmış resimleri gösterir. Diğer tüm resimler gizlenir.
Filtreleme istemci tarafında çalışır. Sayfa yeniden yüklenmez. Varyant değişimi anında gerçekleşir. Bu, mağaza hızı açısından da olumludur: sayfa bir kez yüklenir, galeri JavaScript ile güncellenir.
Uygulama 350’den fazla Shopify temasını yerel kodla destekler. Her tema için galeri yapısı farklıdır ve Rubik her birini ayrı ayrı tanır. Galeri kaydırıcısı (slider) doğru şekilde yeniden başlatılır, thumbnail’ler güncellenir.
Ortak resimler nasıl ele alınır?
Bazı resimler tüm varyantlarda görünmelidir. Beden tablosu, bakım talimatı veya marka yaşam tarzı çekimi gibi. Bu resimleri “ortak resim” (shared image) olarak işaretlersiniz.
Ortak resimler her varyant seçiminde galeride kalır. Varyant resimlerinden önce mi sonra mı gösterileceğini ayarlayabilirsiniz. Bu sayede beden tablosu her zaman erişilebilir olur. Daha fazla bilgi için SSS yazımızı okuyabilirsiniz.
5 dakikada kurulum
Kurulum üç adımdan oluşur. Birincisi: uygulamayı yükleyin ve tema düzenleyicisinde app embed’i etkinleştirin. İkincisi: uygulamada ürünü açın ve resimleri varyantlara sürükleyip bırakın. Üçüncüsü: kaydedin.
Çok sayıda ürününüz varsa yapay zeka ile otomatik atama veya toplu atama (Bulk Assign) kullanabilirsiniz. Yapay zeka dosya adı, alt metin ve varyant bilgisini analiz ederek resimleri eşleştirir. Adım adım bilgi için kurulum rehberimizi inceleyin.
Fiyatlandırma
Rubik Variant Images dört plan sunar: Free ($0, 1 ürün), Starter ($25/ay, 100 ürün), Advanced ($50/ay, 1.000 ürün) ve Premium ($75/ay, sınırsız). Free plan tüm özellikleri içerir, tek sınırlama ürün sayısıdır.
Video
Seçili varyant resimlerini göstermenin pratikte nasıl çalıştığını videoda görün:
Sık sorulan sorular
Galeri filtreleme SEO’yu etkiler mi?
Hayır. Filtreleme istemci tarafında JavaScript ile çalışır. Google kaynak kodunda tüm resimleri görmeye devam eder. Google Shopping feed’iniz de etkilenmez.
Bir varyanta resim atamazsam ne olur?
Resim atanmamış varyantlar için galeri tüm ürün resimlerini gösterir. Standart Shopify davranışı devam eder. Bazı varyantları ayarlayıp diğerlerini olduğu gibi bırakabilirsiniz.
Video ve 3D modeller de filtreleniyor mu?
Evet. Video ve 3D modelleri de belirli varyantlara atayabilirsiniz. Varyant değiştiğinde yalnızca ilgili medya gösterilir.
Hangi temalar destekleniyor?
350’den fazla tema yerel kodla desteklenir. Tüm ücretsiz Shopify temaları ve popüler premium temalar listede yer alır. Temanız yoksa destek ekibi birkaç gün içinde ekler.
Sayfa oluşturucularla (page builder) uyumlu mu?
Evet. GemPages, PageFly, EComposer, Instant, Beae, Foxify ve Replo desteklenir. Uygulama sayfa oluşturucunun galerisini tanır ve resimleri filtreler.
Resim sırasını değiştirebilir miyim?
Evet. Uygulamada resimleri sürükleyerek istediğiniz sıraya koyabilirsiniz. İlk sıradaki resim, varyant seçildiğinde galerinin ana resmi olur.
Mobilde de çalışıyor mu?
Evet. Galeri filtreleme masaüstü ve mobilde aynı şekilde çalışır. Swatch’lar dokunmatik ekranlarla uyumludur.
İlgili yazılar
