WooCommerce'de Sepete Özel Ekle Düğmesi Nasıl Eklenir
Yayınlanan: 2021-04-22
Herhangi bir sayfada özel bir sepete ekle düğmesi eklemenin bir yolunu mu arıyorsunuz? Sepete Ekle düğmesi herhangi bir çevrimiçi mağazada çok önemlidir. Müşteri bu butona tıkladığında ürün sepete eklenir.
Doğrudan satışlara ve gelirlere yol açar.
Bu nedenle, satılık ürünleri içerecek bir sayfa oluşturmak istiyorsanız, özel bir Sepete Ekle düğmesi eklemeniz önemlidir.
WooCommerce'in size WordPress gibi farklı seviyelerde birçok özelleştirme seçeneği sunduğunu unutmamak önemlidir.
WooCommerce'de Sepete Özel Ekle Düğmesi Nasıl Eklenir
Bu gönderide, Sepete Ekle düğmesini özelleştireceğiz ve herhangi bir şablon sayfasına ekleyeceğiz. Devam etmeden önce bazı kodlama becerilerine ihtiyacınız olduğunu belirtmekte fayda var.
Ancak, kod işleme konusunda rahat değilseniz, her adımı açıklamak için elimizden gelenin en iyisini yaptığımız için okumaya devam edin.
Bunu nasıl başarabileceğinize bir göz atalım:
WooCommerce'de Sepete Özel Ekle Düğmesi Ekleme Adımları
Başlamadan önce, düğmeyi herhangi bir şablon sayfasına ekleyecek kod parçacığını burada bulabilirsiniz.
<?php
/* Template Name: Customize Add To Cart*/
get_header(); ?>
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<ul class="products">
<?php
$args = array(
'post_type' => 'product',
'posts_per_page' => 12,
);
$loop = new WP_Query( $args );
if ($loop->have_posts()) {
while ($loop->have_posts()) : $loop->the_post();
?>
<div id="product-image1">
<a href="<?php echo esc_url( get_permalink( $product->get_id() ) ); ?>"
title="<?php echo esc_attr( $product->get_title() ); ?>">
<?php echo $product->get_image(); ?>
</a>
</div>
<div id="product-description-container">
<ul>
<a href="<?php echo esc_url( get_permalink( $product->get_id() ) ); ?>"
title="<?php echo esc_attr( $product->get_title() ); ?>">
<li><h4><?php echo $product->get_title(); ?></h4></li>
</a>
<li><?php echo apply_filters( 'woocommerce_short_description', $post->post_excerpt )?></li>
<li><h2><?php echo $product->get_price_html(); ?> </h2></li>
<?php
echo apply_filters(
'woocommerce_loop_add_to_cart_link',
sprintf(
'<a href="%s" rel="nofollow" data-product_id="%s" data-product_sku="%s" class="button %s product_type_%s">%s</a>',
esc_url( $product->add_to_cart_url() ),
esc_attr( $product->get_id() ),
esc_attr( $product->get_sku() ),
$product->is_purchasable() ? 'add_to_cart_button' : '',
esc_attr( $product->product_type ),
esc_html( $product->add_to_cart_text() )
),
$product
);?>
</ul>
</div> <?php endwhile;
} else {
echo __( ' o products found' );
}
wp_reset_postdata();
?>
</ul>
<!--/.products--> </main>
<!-- #main -->
</div><!-- #primary --> <?php
do_action( 'storefront_sidebar' );
get_footer();
Nasıl çalışır
Bu kodu anlamak çok kolaydır.
'post_type' => 'product', varsayılan WooCommerce özel gönderi türüdür.
- 'posts_per_page' => 12, bir sayfada görüntülenebilecek maksimum gönderi sayısını belirler.
- application_filters('woocommerce_short_description', $post->post_excerpt ) alışveriş sepetinin sayfa URL'sini ve sepetteki öğeleri görüntüler
- esc_attr( $product->get_id() ) ürün kimliğini alır
- esc_attr( $product->get_sku() ) ürünün SKU'sunu alır
İşte izlemeniz gereken adımlar:
- WordPress sitenize giriş yapın ve yönetici kullanıcı olarak Gösterge Tablosuna erişin.
- Pano menüsünden Görünüm Menüsü > Tema Düzenleyici Menüsü öğesine tıklayın. Tema Editörü sayfası açıldığında, özel sepete ekle butonunu ekleyecek olan fonksiyonu ekleyeceğimiz tema fonksiyonları dosyasını arayın.
- php dosyasına aşağıdaki kodu ekleyin :
add_filter('woocommerce_product_single_add_to_cart_text','njengah_add_to_cart_button_woocommerce');
function njengah_add_to_cart_button_woocommerce() {
return __('Custom add to cart button code', 'woocommerce');
}
- Bu sonuç:
Çözüm
Şimdiye kadar, özel bir sepete ekle düğmesi ekleyebilmelisiniz. Özel bir düğme, kullanıcı deneyimine değer kattığı için önemlidir.
Sayfayı özel kod kullanarak düzenlediğimiz için bir alt tema oluşturmanızı öneririz. Bu, güncelleme sırasında yaptığınız değişikliklerin kaybolmamasını sağlayacaktır.
Benzer Makaleler
- 100+ İpuçları, Püf Noktaları ve Snippet'ler Ultimate WooCommerce Hide Guide
- Çıkış Yaptıktan Sonra WooCommerce Yönlendirmesi [Ultimate Guide]
- Ödemeden Sonra WooCommerce Yönlendirme: Özel Teşekkür Sayfasına Yönlendir
- WooCommerce'de Mağaza Sayfasına Arama Nasıl Eklenir
- Sepet Sayfasında Ürün Resmi Nasıl Gizlenir WooCommerce
- WooCommerce'de Durum Değişikliğinde E-posta Nasıl Gönderilir
- WooCommerce Kayıt Formuna Alanlar Nasıl Eklenir?
- WooCommerce'de Mağaza Nasıl Gizlenir
- WooCommerce'de Mevcut Ürün Kategori Adı Nasıl Alınır
- En İyi 30+ En İyi WordPress Form Eklentisi » En İyi WordPress Form Eklentisi
- Ödeme Uç Noktaları Nasıl Değiştirilir WooCommerce
- WooCommerce Açıklama Sekmesini Varsayılan Olarak Açık Tutma
- WooCommerce'de Özel Kategori Sayfası Nasıl Oluşturulur
- WooCommerce'de Çıkışta Sepet Nasıl Temizlenir
- WooCommerce Ürün Sayfaları Nasıl Özelleştirilir
- WooCommerce'e Para Birimi Nasıl Eklenir [Özel Para Birimi]
- Kullanıcının WordPress'te Oturum Açmış Olup Olmadığı Nasıl Kontrol Edilir
- Alınan Özel Sipariş Sayfası Nasıl Oluşturulur WooCommerce
- WooCommerce'de Programlı Olarak Sepete Ürün Nasıl Eklenir
- Bir Profesyonel Gibi WordPress Alıntı Uzunluğunu Sınırlamanın 5+ Yararlı Yolu