WooCommerce Siparişleri Genel Bakışına Ek Özel Sütunlar

WooCommerce siparişlerinizin genel görünümünü özelleştirmek, ek bilgiler görüntülemenizi ve sipariş yönetimi iş akışınızı iyileştirmenizi sağlayabilir. Etkili özelleştirmelerden biri, siparişler listesine kendi özel sütunlarınızı eklemektir. Bu kılavuz, PHP kullanarak WooCommerce siparişler sayfasına özel bir sütunun nasıl ekleneceğini ve özel CSS ile nasıl biçimlendirileceğini açıklar. Şu araçlar gibi: WP Kodu veya Kod Parçacıkları çekirdek dosyalarını değiştirmeden kodu güvenli bir şekilde entegre etmek için önerilir.

Yaklaşım – PHP Çözümü

WooCommerce tarafından sağlanan filtreleri ve eylemleri kullanarak sipariş genel görünümüne yeni sütunlar ekleyebilir ve her sipariş için depolanan özel verileri görüntüleyebilirsiniz. Bu örnekte, anahtar altında siparişin meta verilerinde kaydedilen verileri görüntüleyen "Özel Sütun" etiketli özel bir sütun oluşturuyoruz _özel_sütun.

Örnek Kod:

<?php
// Add a custom column to the WooCommerce orders overview
function add_custom_order_column( $columns ) {
    $new_columns = array();
    
    // Iterate existing columns and insert our custom column after the Order Status column
    foreach ( $columns as $key => $column ) {
        $new_columns[ $key ] = $column;
        if ( 'order_status' === $key ) {
            $new_columns['custom_column'] = __( 'Custom Column', 'text_domain' );
        }
    }
    return $new_columns;
}
add_filter( 'manage_edit-shop_order_columns', 'add_custom_order_column', 20 );

// Populate the custom column with its value from the order meta data
function populate_custom_order_column( $column, $post_id ) {
    if ( 'custom_column' === $column ) {
        $custom_value = get_post_meta( $post_id, '_custom_column', true );
        echo ! empty( $custom_value ) ? esc_html( $custom_value ) : '-';
    }
}
add_action( 'manage_shop_order_posts_custom_column', 'populate_custom_order_column', 10, 2 );
?>

Nasıl Çalışır:

İlk fonksiyon, özel_sipariş_sütununu_ekle, kullanır mağaza_sipariş_sütunlarını_yönet_düzenle “Sipariş Durumu” sütunundan sonra yeni bir sütun eklemek için filtre. İkinci işlev, özel_sipariş_sütununu_doldur, şunu kullanır mağaza_sipariş_gönderilerini_özel_sütun_yönet özel sütunu post meta'dan alınan verilerle doldurma eylemi. Meta alanı _özel_sütun boşsa, bir çizgi görüntülenir.

CSS ile geliştirme

Özel CSS, yeni sütununuzun görsel görünümünü ve duyarlılığını iyileştirmenize yardımcı olabilir. Aşağıdaki CSS kod parçacığı, özel sütununuzun ince bir arka plan rengi ve rafine edilmiş metin stiliyle öne çıkmasını sağlar.

Örnek CSS Kodu:

/* WooCommerce siparişleri genel görünümünde özel sütunu biçimlendirin */ .column-custom_column { background-color: #f9f9f9; color: #333; font-weight: bold; text-align: center; padding: 8px; }

PHP ile Entegrasyon:

Bu CSS'yi yönetici alanına eklemek için aşağıdaki PHP kodunu ekleyin. Bu kod şunları kullanır: admin_head Özel stilleri doğrudan WordPress yönetici panelinize çıktı olarak göndermek için kancayı kullanın.

<?php
function add_custom_order_column_styles() {
    echo '
    .column-custom_column { arka plan rengi: #f9f9f9; renk: #333; yazı tipi ağırlığı: kalın; metin hizalaması: orta; dolgu: 8 piksel; } '; } add_action( 'admin_head', 'özel_sipariş_sütun_stilleri_ekle' ); ?>

Çözüm

WooCommerce siparişlerinizin genel görünümüne özel sütunlar eklemek, sipariş yönetimi verimliliğini artıran ek, özelleştirilmiş bilgileri görüntülemenin pratik bir yoludur. Sağlanan PHP çözümüyle, yeni bir sütun ekleyebilir ve her sipariş için belirli meta verilerle doldurabilirsiniz. İşlevselliği özel CSS ile tamamlamak, sütununuzun yalnızca bilgilendirici değil aynı zamanda yönetici panonuza görsel olarak entegre olmasını sağlar.

Sipariş yönetimi yeteneklerinizi genişletmek ve iş ihtiyaçlarınıza uygun daha özelleştirilmiş bir arka uç deneyimi oluşturmak için bu teknikleri deneyin. İyi kodlamalar!