İçeriğe atla
M. Fehmi ToktayYazılım ve Shopify geliştiricisi

Tema geliştirme

Renk varyantlarının ürün sayfasında ayrı görünmesi

Müşteri rengi seçince galeri o rengin fotoğrafına geçiyor; 22 fotoğraf arasında gezinmiyor.

Müşteri: Moda Neslie

Başlangıç durumu

Deri cüzdan ve kartlıklar tek üründe sekiz renk varyantıyla satılıyor, ama her rengin kendi çekimi var. Bütün fotoğraflar tek galeride arka arkaya sıralanıyordu: müşteri “Haki” seçiyor, ekranda siyah cüzdan duruyordu. Doğru fotoğrafı görmek için yirmiden fazla görsel arasında gezinmesi gerekiyordu — mobilde bu, satın alma öncesindeki en büyük tereddüt kaynağı.

Yapılan

  • Her renk için öncü fotoğraf belirlendi ve doğrudan o renk varyantına bağlandı; renk seçildiği anda galeri o fotoğrafa geçiyor.
  • Galerideki sıra renk gruplarına göre düzenlendi: her rengin öncü karesi kendi grubunun başında duruyor, detay çekimleri arkasından geliyor.
  • Renk adları varyant başlığıyla birebir eşleştirildi; “Siyah / Bordo” gibi çift renkler ayrı varyant olarak kaldı, tek renge indirgenmedi.
  • Bağlama Admin API üzerinden yapıldı — panelden tek tek sürükleme yerine kayıtla, böylece aynı düzen diğer ürünlere tekrarlanabiliyor.
Shopify Admin APILiquidVaryant medyası

Sonuç

  • Sekiz rengin sekizi de kendi fotoğrafına bağlandı; renk seçimi galeriyi anında değiştiriyor.
  • Müşteri doğru rengi görmek için 22 fotoğrafın içinde gezinmiyor.

Sizde de benzer bir durum mu var?

Mağazanın adresini yollayın; bakıp ne gördüğümü yazayım.