Shopify'da Varyant Görselleri ve Renk Örnekleri Nasıl Kurulur?
Renk seçildiğinde doğru görselin açılması ve renk örneklerinin görünmesi için ürün verisinin nasıl hazırlanması gerektiğini adım adım anlatıyoruz.
Müşteri kırmızıyı seçtiğinde sayfada hâlâ siyah ürünün görünmesi, giyim ve aksesuar mağazalarında en sık karşılaştığımız sorunlardan biridir. Çözüm büyük ölçüde temada değil, ürün verisinin doğru hazırlanmasındadır.
1. Her varyanta bir görsel atayın
Shopify'da her varyantın bir 'varyant görseli' olabilir. Ürünün görsellerini yükledikten sonra varyant düzenleme ekranından her renge kendi ana görselini seçin. Tema, varyant değiştiğinde bu görseli öne alır.
2. Görsel sırasını renklere göre düzenleyin
Birçok tema seçilen rengin tüm görsellerini gruplamak için görsel sırasını veya alt metni kullanır. Aynı renge ait görselleri art arda dizmek ve alt metinlerde rengi belirtmek galerinin düzenli görünmesini sağlar.
3. Renk örneklerini kategori metafield'ına bağlayın
Ürüne doğru ürün kategorisini atadığınızda Shopify 'Renk' gibi özellikleri önerir. Renk seçeneğini bu özelliğe bağladığınızda her değere bir renk veya desen görseli tanımlanır ve renk örnekleri ürün sayfasında, ürün kartlarında ve filtrelerde otomatik görünür.
- Desenli ürünlerde düz renk yerine küçük bir desen görseli kullanın.
- Aynı rengi tüm ürünlerde aynı adla yazın; 'Lacivert' ve 'Laci' filtrede ayrı görünür.
- CSV ile toplu aktarımda varyant görsel sütununu boş bırakmayın.
4. Kontrol listesi
Kurulumdan sonra her ürün için renk değiştirip galerinin, fiyatın ve stok durumunun doğru güncellendiğini kontrol edin. Mobilde renk örneklerinin dokunmak için yeterince büyük olduğundan emin olun.
Sık sorulanlar
Her varyanta ayrı görsel yüklemem şart mı?
Hayır; aynı görsel birden fazla varyanta atanabilir. Ancak renk farkı olan ürünlerde her renge kendi görselini atamak müşterinin doğru ürünü gördüğünden emin olmanın en güvenli yoludur.
Renk örnekleri temamda görünmüyor, neden?
Renk seçeneğinin bir renk metafield'ına bağlı olması ve temanın renk örneklerini desteklemesi gerekir. Güncel Online Store 2.0 temalarının çoğu bu desteği içerir.
Bu konuda mağazanıza özel bir yol haritası isterseniz teklif formundan bize birkaç bilgi bırakın; ücretsiz ön değerlendirme yapalım.