Alınan Özel Sipariş Sayfası Nasıl Oluşturulur WooCommerce
Yayınlanan: 2021-04-11
WooCommerce mağazanıza özel bir teşekkür sayfası eklemek ister misiniz? Teşekkür sayfası, herhangi bir WooCommerce mağazasındaki en önemli sayfalardan biridir. ayrıca sipariş alındı sayfası olarak da adlandırılır.
WooCommerce, Thankyou.php şablonundan Teşekkür sayfasının içeriğini gösterir. Bu şablon woocommerce/templates/checkout/ klasöründe bulunur. Örnekleme amacıyla Storefront temasını kullanacağız. Thankyou.php şuraya kopyalanmalıdır: wp-content/plugins/woocommerce/checkout/ folder .
Bu gönderide, size benzer bir klasör yapısı içinde Thankyou.php dosyasını temanızın klasörüne kopyalayarak kendi şablonumuzu nasıl yapabileceğinizi göstereceğiz.
Bu yöntemi kullanarak sipariş alınan sayfanızı özelleştirmek istiyorsanız biraz kodlama bilgisine sahip olmanız gerekir.
Gelelim sipariş alma sayfasını nasıl özelleştirebileceğinize.
WooCommerce Özel Sipariş Alındı Sayfası
İlk önce, "woocommerce" ve "checkout" olmak üzere 2 klasör oluşturmanız gerekir. Sipariş ayrıntıları tablosunda ve müşteri ayrıntılarında (oturum açtığınızda) gösterilen verileri değiştirmenizi öneririz.
Dosyayı görmüyorsanız, WooCommerce, woocommerce_thankyou kancasına eklenmiş bir woocommerce_order_details_table() işlevini kullanır. woocommerce_order_details_table() işlevi, include/wc-template-functions.php dosyasında tanımlanmıştır.
WooCommerce Şablonlarının Üzerine Yazarak Alınan Sipariş Sayfasını Özelleştirme
Teşekkürler sayfası aslında 4 farklı şablon dosyasından oluşan bir koleksiyondur:
- şablonlar/checkout/thankyou.php
- şablonlar/sipariş/sipariş ayrıntıları.php
- şablonlar/sipariş/sipariş-ayrıntıları-item.php
- şablonlar/sipariş/sipariş-detayları-customer.php
Sipariş alındı sayfası şu şekilde görüntülenir: 
Müşteriye bir sonraki satın alma işlemi için bir kupon kodu eklemek ve üst bölümden Ödeme Yöntemini kaldırmak istiyoruz.
Sipariş detayları bölümünün üstüne eklemek istiyoruz.
Bu nedenle, teşekkür sayfası şablonuna aşağıdaki kodu ekleyeceğiz :
<?php Since this is your first order, we are happy to extend a 15% discount on your next purchase. Use the coupon code <strong>WELCOME15</strong> to avail the discount.
Aşağıda benim temamdaki Thankyou.php şablonu var:
<!--?php defined( 'ABSPATH' ) || exit; ?--> <div class="woocommerce-order"> <!--?php if ( $order ) : do_action( 'woocommerce_before_thankyou', $order->get_id() );</p> <p> ?--> <!--?php if ( $order->has_status( 'failed' ) ) : ?--> <a href="<?php echo esc_url( $order->get_checkout_payment_url() ); ?>" class="button pay"><?php esc_html_e( 'Pay', 'woocommerce' ); ?></a> <?php if ( is_user_logged_in() ) : ?> <a href="<?php echo esc_url( wc_get_page_permalink( 'myaccount' ) ); ?>" class="button pay"><?php esc_html_e( 'My account', 'woocommerce' ); ?></a> <?php endif; ?> </p> <?php else : ?> <p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received"><?php echo apply_filters( 'woocommerce_thankyou_order_received_text', esc_html__( 'Thank you. Your order has been received.', 'woocommerce' ), $order ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p> <ul class="woocommerce-order-overview woocommerce-thankyou-order-details order_details"> <li class="woocommerce-order-overview__order order"> <?php esc_html_e( 'Order number:', 'woocommerce' ); ?> <strong><?php echo $order->get_order_number(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></strong> </li> <li class="woocommerce-order-overview__date date"> <?php esc_html_e( 'Date:', 'woocommerce' ); ?> <strong><?php echo wc_format_datetime( $order->get_date_created() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></strong> </li> <?php if ( is_user_logged_in() && $order->get_user_id() === get_current_user_id() && $order->get_billing_email() ) : ?> <li class="woocommerce-order-overview__email email"> <?php esc_html_e( 'Email:', 'woocommerce' ); ?> <strong><?php echo $order->get_billing_email(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></strong> </li> <?php endif; ?> <li class="woocommerce-order-overview__total total"> <?php esc_html_e( 'Total:', 'woocommerce' ); ?> <strong><?php echo $order->get_formatted_order_total(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></strong> </li> <?php if ( $order->get_payment_method_title() ) : ?> <li class="woocommerce-order-overview__payment-method method"> <?php esc_html_e( 'Payment method:', 'woocommerce' ); ?> <strong><?php echo wp_kses_post( $order->get_payment_method_title() ); ?></strong> </li> <?php endif; ?> </ul> <?php endif; ?> <p>Since this is your first order, we are happy to extend a 15% discount on your next purchase. Use the coupon code <strong>WELCOME15</strong> to avail the discount.</p> <?php do_action( 'woocommerce_thankyou_' . $order->get_payment_method(), $order->get_id() ); ?> <?php do_action( 'woocommerce_thankyou', $order->get_id() ); ?> <?php else : ?> <p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received"><?php echo apply_filters( 'woocommerce_thankyou_order_received_text', esc_html__( 'Thank you. Your order has been received.', 'woocommerce' ), null ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p> <?php endif; ?> </div>
Bu sonuç: 
Hangi verilerin hangi şablondan geldiğini öğrendikten sonra, doğru şablonu eklentinizin klasörüne kopyalamanız gerektiğini unutmamak önemlidir.
Çözüm
Bu gönderide, sipariş alınan şablonun üzerine nasıl yazılacağını öğrendiniz. Diğer şablonları özelleştirmek için aynı yöntemi kullanabilirsiniz. Herhangi bir sorununuz varsa, lütfen kalifiye bir WordPress geliştiricisine danışın.
Benzer Makaleler
- Çıkış Yaptıktan Sonra WooCommerce Yönlendirmesi [Ultimate Guide]
- 100+ İpuçları, Püf Noktaları ve Snippet'ler Ultimate WooCommerce Hide Guide
- Ödemeden Sonra WooCommerce Yönlendirme: Özel Teşekkür Sayfasına Yönlendir
- Ürün Kategori Başlığı Nasıl Kaldırılır WooCommerce
- Eklentiler Olmadan Bir WordPress Sayfası Nasıl Yönlendirilir?
- Birincil Menü Vitrin WooCommerce Nasıl Taşınır
- WooCommerce'de Siparişleri Otomatik Olarak Onaylama
- 'WooCommerce ile Oluşturuldu' E-posta Altbilgi Metni Nasıl Kaldırılır
- Belirli Koşullar İçin Gönderi Yöntemleri Nasıl Gizlenir?
- WooCommerce'de Çıkışta Sepet Nasıl Temizlenir
- WooCommerce Ödeme Sayfası Şablonu Nasıl Düzenlenir
- Ödeme Sayfasında Sipariş Kimliği Nasıl Alınır WooCommerce
- Adım Adım WordPress'te Özel Widget Alanı Nasıl Oluşturulur
- Kullanıcının WordPress'te Oturum Açmış Olup Olmadığı Nasıl Kontrol Edilir
- WooCommerce Ödeme Optimizasyonu Hızlı Kılavuzu
- WooCommerce'de Mevcut Ürün Kategori Adı Nasıl Alınır
- WooCommerce'de Ödeme Yöntemleri Nasıl Alınır » Kod Örneği
- WooCommerce'de Güvenli Ödeme Nasıl Zorlanır
- WooCommerce'de Kupon Nasıl Oluşturulur
- WooCommerce Ödeme Sayfası Başlığı Nasıl Değiştirilir