Ana içeriğe geç
Storefront widget'ı ve görünümü

Müşterilerin her ürün için bir varyant seçmesini sağlama (renk örnekleri)

Bir miktar indirimi teklifi için, müşterilerin her birim için beden, renk veya başka bir seçenek seçmesini sağlamak üzere varyant seçiciyi etkinleştirin. Örneğin, 2 Al teklifinde bir Küçük Fildişi çanta ve bir Büyük Pudra çanta bulunabilir. Bu seçimleri anlaşılır hale getirmek için açılır menüler, renk örnekleri, düğmeler veya varyant görselleri seçin.

Varyant seçiciyi etkinleştirin

Bu ayar, paket düzenleyicinin Eklemeler sekmesindeki Varyant seçici kartında bulunur. Kart başlığındaki anahtar, özelliğin açık veya kapalı olduğunu gösterir.

  1. Düzenlemek istediğiniz paketi açın, Eklemeler sekmesine gidin ve Varyant seçici kartını bulun.
  2. Kart başlığındaki anahtarı açın.

Normal miktar indirimi ve X Al, Y Öde tekliflerinde bu ayarın etkinleştirilmesi her birime kendi seçimini verir. Kapalıyken, sabitlenmemiş normal teklif temanın seçili varyantını izler. Ürün paketi kartları ve bir varyant grubuna sabitlenmiş ana ürünler yine kart içi seçiciye sahip olabilir.

Varyant seçici etkin, Renk örnekleri, Beden hapları, ürün başına görseller ve çanta önizlemesinin yanında gizli tema seçici ayarlarını gösteren Bundlex B06 Eklemeler sekmesi.
Eklemeler bölümünde (1) Varyant seçiciyi etkinleştirin, (2) her seçeneğin görüntüleme türünü ve ön ayarını seçin ve (3) renk değerlerini kontrol edin. Önizleme, kaydedilen seçimleri gösterir.

Anahtar neyi kontrol eder

Normal teklifler, bu anahtarı ana ürünün birim başına seçicisi için kullanır. Ürün paketi ana kartı, anahtar kapalı olsa bile kart içi seçiciyi korur; böylece müşteriler diğer gerekli ürünlerle birlikte seçim yapabilir. Gerekli paket ürünleri, hediyeler ve isteğe bağlı ekstralar da uygun olduğunda kendi seçimlerini korur. Sabitlenmiş bir ana ürün, anahtar kapalıyken de yalnızca sabitlediğiniz varyantlarla sınırlı basit bir seçiciye sahip olabilir.

Anahtar kapalıyken ürün paketi satırları basit açılır menüler kullanır. Anahtar açıkken yapılandırılan görüntüleme türleri, gerekli paket ürünü satırlarına da uygulanır. Hediye ve isteğe bağlı ekstra seçicileri kendi kontrollerini kullanır. Yalnızca bir seçilebilir varyanta sahip bir ürün, gereksiz bir açılır menü yerine kimliğini metin olarak gösterebilir.

Her seçenek için görüntüleme türünü ayarlayın

Anahtar açıldığında Bundlex, bu paketin uygulandığı ürünlerde bulunan varyant seçeneklerini yükler ve bunları üç sütunlu bir tabloda listeler: Seçenek, Görüntüleme türü ve Ön ayar. Her satır bir seçenektir, örneğin Beden veya Renk.

Görüntüleme türü sütununda, bu seçeneğin ürün sayfasında nasıl görüneceğini belirleyin:

  • Açılır menü - standart bir seçim menüsü.
  • Renk örneği - küçük renk kutucukları. Her değere bir renk atamanızı sağlar, aşağıya bakın.
  • Hap / Düğme - dokunulabilir haplar veya düğmeler, isteğe bağlı olarak varyant görseliyle.
  • Varyant görseli - her değeri ürün görseli olarak gösterir.

Seçenekler arasında türleri karıştırabilirsiniz. Örneğin aynı üründe Renk için renk örneği, Beden için açılır menü kullanabilirsiniz. Önizleme panelinde bu seçeneğe sahip bir ürünü göstermek için seçenek adının yanındaki görüntüleme, göz, simgesine tıklayın.

Paylaşılan bir ön ayar seçin

Ön ayar sütunu, bir görüntüleme türünün görsel stilini belirler. Ön ayarlar tür başına paylaşılır: aynı görüntüleme türünü kullanan tüm seçenekler tek bir ön ayarı paylaşır. Bu nedenle bir seçeneğin ön ayarını değiştirmek, o türdeki diğer tüm seçenekleri de günceller. Renk örneği, Hap / Düğme ve Varyant görselinin her birinin kendi ön ayar grubu vardır; açılır menü türünde ön ayar bulunmaz.

Yerleşik ön ayarların ötesinde stili ayrıntılı şekilde ayarlayabileceğiniz Örnek stili bölümünü açmak için ön ayar menüsünden Özel seçeneğini belirleyin.

Renk örnekleri için renk atayın

Bir seçenek Renk örneği görüntüleme türünü kullandığında, değerlerinin her biri renk seçicili bir renk alanına sahip olur. Şunları yapabilirsiniz:

  • Renk seçiciyle veya bir hex değeri yazarak her rengi manuel olarak ayarlayın.
  • Değer adlarından renkleri otomatik olarak doldurmak için Renkleri otomatik algıla seçeneğine tıklayın, örneğin "Lacivert" veya "Orman yeşili". Otomatik algılama yalnızca hâlâ boş olan değerleri doldurur ve tüm renkler ayarlandıktan sonra kullanılamaz.

Masaüstünde renk adlarını göster

Bir renk adı araç ipucu göstermek için Örnek stili > Renk örneği bölümünü açın ve Üzerine gelince renk adını göster seçeneğini etkinleştirin. Bu özellik tüm görüntüleme türleri için değil, renk kutucukları için geçerlidir. Dokunmatik cihazlarda üzerine gelme araç ipucu bulunmaz.

Varyant görselini göster

Seçili varyantın görselini varyant seçicinin yanında göstermek için Varyant görselini göster seçeneğini etkinleştirin, bu seçenek seçici etkinleştirildikten sonra kullanılabilir. Bu özellik yalnızca varyant görseli görüntüleme türüyle sınırlı değildir; her seçici türüyle çalışır.

Tema varyant seçicisini gizle

Seçici etkinleştirildiğinde Tema varyant seçicisini gizle seçeneği de kullanılabilir. Bu seçenek, yalnızca Bundlex seçicisinin görünmesi için temanızın varsayılan varyant seçicisini gizler. Tema seçicisi kaldırılmak yerine CSS ile gizlenir; böylece normal tema entegrasyonu ana ürün görselini senkronize etmeye devam edebilir. Bu davranışı temanızda test edin.

Bir varyant seçildiğinde ana ürün görseli güncellenmiyorsa, Bundlex uygulama yerleştirmesi ayarlarındaki Varyantlar blok seçicisi seçeneğini temanızla eşleşecek şekilde ayarlamanız gerekebilir. Yardıma ihtiyacınız varsa destek ekibine ulaşın.

Birim başına uzun listeleri daraltın

Varyant seçicilerini daralt seçeneği, her birimin seçimlerini tek seferde bir satır açılacak şekilde daraltır. Bu, daha yüksek miktarlı bir indirim teklifini daha kompakt tutabilir. Ürün paketi tekliflerine uygulanmaz.

Seçimleri, stokları ve fiyatları test edin

İndirimi kaydedip etkinleştirin, ardından mağaza vitrininde uygun bir ürünü test edin. Bu gösterimde USD ile Litvanya kullanılmıştır. Bu örnekte Küçük Fildişi çantanın fiyatı $24, Büyük Pudra çantanın fiyatı $30'dır. %10 indirimli 2 Al teklifi toplam $48.60 tutar. Gerçek Sepete ekle düğmesiyle ekleyin ve sepette ve ödeme sayfasında her iki rengi, her iki bedeni ve toplamı doğrulayın.

2 Al teklifinde bağımsız Fildişi Küçük ve Pudra Büyük seçimlerini, $48.60 teklif toplamını ve etkin Sepete ekle düğmesini gösteren Kapitone Kozmetik Çantası ürün sayfası.
(1) Fildişi / Küçük ve (2) Pudra / Büyük bağımsız seçimlerdir. (3) Birleşik indirimli ürün ara toplamı $48.60'tır; gerçek sepet ve ödeme sayfası her iki varyantı da doğrulamıştır.

Kullanılamayan varyantları gizle kapalıyken stokta olmayan bir kombinasyon görünür ve seçilebilir kalabilir. Bu demoda Pudra / Küçük seçildiğinde kullanılamıyor mesajı gösterilir ve Sepete ekle düğmesi engellenir. Kullanılabilir Büyük beden seçildiğinde düğme yeniden etkinleşir. Hiç mevcut olmayan bir kombinasyon farklıdır: seçici, sonraki seçenekleri geçerli bir kombinasyona taşıyabilir. Bu nedenle bir rengi değiştirdikten sonra son bedeni kontrol edin.

İkinci satırda stokta olmayan Pudra Küçük seçili, kullanılamıyor mesajı ve devre dışı Stokta yok satın alma düğmesi bulunan Kapitone Kozmetik Çantası sayfası.
(1) Gizleme kapalıyken Pudra / Küçük görünür kalır. (2) Kullanılamıyor mesajı bunun nedenini açıklar. (3) Normal satın alma düğmesi devre dışıdır. Büyük seçildiğinde Sepete ekle düğmesi yeniden etkinleşir.

Desteklenen seçicilerden stokta olmayan değerleri kaldırmak için Gelişmiş > Teklifler ve stok > Kullanılamayan varyantları gizle bölümünü açın. Kullanılabilirlik, Shopify'ın envanter politikasını izler; satışa devam edilmesine izin veren sıfır stoklu bir varyant yine de kullanılabilir olabilir. Kapsam ve geri dönüş ayrıntıları için varyant seçeneği kullanılabilirliği bölümüne bakın.

Seçilecek bir şey olmadığında

Seçilebilir kümenin tamamında tam olarak bir varyant olduğunda, açılır liste kartta varyant adına dönüşür. Yapılandırılmış haplar veya renk örnekleri, seçili rozet olarak görünmeye devam edebilir. Yalnızca Shopify'ın varsayılan varyantına sahip ürünlerde seçici gerekmez.

Beklediğiniz seçicinin görünmemesinin nedeni budur. Genellikle aşağıdakilerden biri söz konusudur:

  • Ürünün gerçekten yalnızca bir varyantı vardır.
  • Ürünü tek bir varyanta sabitlediniz.
  • Kullanılamayan varyantları gizle etkinse ve stokta yalnızca bir varyant kaldıysa.

Bir varyantı yeniden stoklamak veya sabitlenen seçimi genişletmek, seçiciyi kendiliğinden geri getirir. Ana teklif ve gerekli paket ürünü kartları, bu seçiciden kimliğe geçiş davranışını izler. Hediyeler, ek satışlar ve eklentiler kendi kullanılabilirlik filtrelerine sahiptir; kullanılabilir tek seçenek ayrı bir varyant adı göstermeyebilir.

Varyantları düzenledikten sonra seçenekleri yeniden yükleyin

Bu kurulumu yaptıktan sonra ürünlerinizde varyant eklerseniz, varyantları yeniden adlandırırsanız veya kaldırırsanız, en güncel seçenekleri almak için varyant seçenekleri tablosunun üst kısmındaki Seçenekleri yeniden yükle seçeneğine tıklayın. Bir değişiklik olduğunda Bundlex, "Varyantlar güncellendi" mesajıyla onay verir; seçenek kümesi zaten güncelse "Yeniden yüklendi, değişiklik yok" mesajını gösterir. Mağazayı kontrol etmeden önce ortaya çıkan değişiklikleri kaydedin. Düzenleyicide görünen yeni renkler, kaydedilene kadar yayınlanmaz.

Hiçbir seçenek görünmüyorsa

Varyant seçenekleri tablosu, paketin hedeflemesi ve gerekli paket ürünleri için ürün seçeneği verilerine ihtiyaç duyar. Seçenekler hâlâ yükleniyorsa, boş tabloyu bir yapılandırma sorunu olarak değerlendirmeden önce işlemin tamamlanmasını bekleyin. Ürün veya koleksiyon seçmenizi isteyen bir istem görürseniz, önce Widget'ın gösterileceği yer bölümünde kurulumu yapın. Bunun yerine "Seçilen ürünler için varyant seçeneği bulunamadı" mesajını görüyorsanız, seçilen ürünlerde yapılandırılacak varyant seçeneği yoktur.

Bu makale faydalı oldu mu?

Geri bildiriminiz belgelerimizi geliştirmemize yardımcı olur.

Teşekkürler, bu makaleyi geliştirmeye devam edeceğiz.

Ekibimizle sohbet etmek ister misiniz? Hâlâ bir sorunuz mu var?

Hâlâ yardıma mı ihtiyacınız var?

Ekibimiz yalnızca bir tık uzağınızda. Bize mesaj gönderin, size geri dönelim.

Bu sitenin çalışmasını sürdürmek, nasıl kullanıldığını ölçmek ve sohbet widget'ımızı açtığınızda çalıştırmak için birkaç çerez kullanıyoruz. çerez politikası sayfamıza göz atın.