Woocommerce Shop sayfasında açılır açılır menü varyasyonları nasıl görüntülenir

WooCommerce Shop sayfasında açılır değişimleri göstermenin yollarını mı arıyorsunuz? Bu yazıda sizin için basit bir çözüm paylaşacağız. Ancak, özel bir kod kullanacağız ve bu, bu çözümü uygulamak için bir kodlama deneyimine sahip olmanız gerektiği anlamına gelir. Çoğu e -ticaret mağazasının birçok ürün varyasyonu vardır. Müşterilerin varyasyonlarını görmek için tek bir ürün sayfasını tıklamaları gerekir. Mağaza sayfasında ürünün varyasyonlarını görüntülerseniz, varyasyon müşterinin kalbini giderek büyüleyecektir. Buna ek olarak, bu, ürününüzü sadece birkaç tıklamayla büyütmenize olanak tanır.
WooCommerce, bu kılavuzun sonunda mağaza sayfasında açılır açılır değişkenleri görüntüler, mağaza sayfasında programlı bir açılır değişim görüntüleyebileceksiniz. Ancak, önce ürün sayfanızda çeşitli ürünler yapmanız gerektiğini hatırlamanız önemlidir. Devam etmeden önce, bir çocuk teması kurmanız veya oluşturmanız gerekir. Bu, güncelleme sırasında değişikliklerinizin kaybolmamasını sağlayacaktır. Buna ek olarak, bir hata yaparsanız önceki sürüme dönebilmeniz için hesabınızın yedeklemesini yapmanız gerekir. Doğruca içine girelim. Aşağıdaki mağaza sayfasında açılır açılır listeyi görüntülemek için adımlar izlemeniz gereken basit adımlardır:
WordPress sitenizi girin ve yönetici kullanıcısı olarak gösterge tablosuna erişin.
Gösterge Tablosu menüsünden görünüm menüsü> Tema Düzenleyici menüsüne tıklayın. Tema düzenleyicisi sayfası açıldığında, mağaza sayfasında açılır değişimleri görüntülemek için işlevler eklemek için tema işlevleri dosyasını arayın.
PHP dosyasına aşağıdaki kodu ekleyin:
Değişken ürünler için mağaza sayfasında varyasyonlar açılır hatlar ekinAdd_filter (‘wooocommerce_loop_add_to_cart_link’, ‘njengah_display_variation_dropdown_on_shop_page’);
İşlev njengah_display_variation_dropdown_on_shop_page () {
Global $ ürün;
if ($ ürün-> is_type (‘değişken’)) {
$ attribute_keys = array_keys ($ ürün-> get_attributes ());
?>
<form class = "varyations_form sepet" yöntemi = "post" entight = 'multipart/form-data' data-product_id = " id); php echo htmlspecialchars (json_encode ($ ürün-> get_available_variations ())?> “>

get_available_variations ()) && false! == $ ürün-> get_available_variations ()):?>

get_variation_attributes () $ attribute_name => $ options):?>

<label for = "

Get_variation_default_attribute (wc_dropdowll ‘ürün’ => $ ürün, ‘seçilmiş’ => $ seçildi;
echo end ($ tectribute_keys) === $ tectribute_name? Applate_filters (‘wooocommerce_reset_varieves_link’, ‘. __ (‘ Clear ‘,’ woocommerce ‘).’ ‘):’ ‘;
?>

<? PHP} else {echo sprintf ('%s ‘,
ESC_URL ($ ürün-> add_to_cart_url ()),
ESC_ATTR (ISSET ($ miktar)? $ Miktar: 1),
ESC_ATTR ($ ürün-> id),
ESC_ATTR ($ ürün-> get_sku ()),
Esc_attr (isset ($ class)? $ Sınıf: ‘düğme’),
ESC_html ($ ürün-> add_to_cart_text ())
);
}
}
Sonuç bu:
Şimdi sarın, mağaza sayfasında açılır değişimleri gösterebilmelisiniz. Ancak, kodlamaya aşina değilseniz, Yith Woocommerce Color ve Etiket Varyasyonları (Premium Versiyon) veya WooCommerce Varyation Master (Premium Versiyon) gibi eklentileri kullanmalısınız.
Mağaza sayfasında ek özel işlere ihtiyacınız varsa, bizimle iletişime geçmekten çekinmeyin. Umarız bu yazı sorunlarınız için çözümler bulmanıza yardımcı olur. Benzer makaleler
Bir düğme nasıl eklenir Wooocommerce’de sepet gör