استبدال حلقة منتجات ووكومرس بأخرى خاصة بك

استبدال حلقة المنتجات الافتراضية في WooCommerce هو موضوع مهم لكل من يرغب في تخصيص متجره الإلكتروني بما يتناسب مع احتياجاته. يمكنك من خلال الخطوات التالية إزالة الحلقة الافتراضية وإضافة حلقة مخصصة تعكس مظهر المنتجات بشكل أفضل وتناسب تصميم موقعك.

إزالة جميع إجراءات حلقة المنتجات الافتراضية

للبدء، يجب عليك إزالة جميع الإجراءات المرتبطة بحلقة المنتجات الافتراضية في WooCommerce. يمكنك استخدام الأكواد التالية لتحقيق ذلك:

remove_action( 'woocommerce_before_shop_loop', 'woocommerce_output_all_notices', 10 );
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_product_loop_start', 40 );
remove_action( 'woocommerce_after_shop_loop', 'woocommerce_product_loop_end', 40 );
remove_action( 'woocommerce_shop_loop', 'woocommerce_template_loop_product_link_open', 10 );
remove_action( 'woocommerce_shop_loop', 'woocommerce_template_loop_product_link_close', 10 );
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_link_close', 5 );
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );
remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 );

بإزالة هذه الإجراءات، ستقوم بإخلاء المساحة من أي عناصر غير مرغوب فيها في حلقة المنتجات.

إضافة حلقة المنتجات المخصصة الخاصة بك

بعد إزالة العناصر الافتراضية، يمكنك الآن إضافة حلقة المنتجات الخاصة بك. استخدم الكود التالي لبدء حلقتك المخصصة:

add_action( 'woocommerce_before_shop_loop', 'my_custom_product_loop_start', 40 );
function my_custom_product_loop_start() {
    echo '<div class="custom-product-loop">';
}
add_action( 'woocommerce_before_shop_loop', 'my_custom_product_loop', 50 );
function my_custom_product_loop() {
    $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();
            echo '<div class="product-item">';
            echo get_the_post_thumbnail();
            echo '<h2>' . get_the_title() . '</h2>';
            echo wc_get_template( 'loop/price.php' );
            echo do_shortcode('[add_to_cart id="' . get_the_ID() . '"]');
            echo '</div>';
        endwhile;
        wp_reset_postdata();
    } else {
        echo 'لا توجد منتجات';
    }
}
add_action( 'woocommerce_after_shop_loop', 'my_custom_product_loop_end', 40 );
function my_custom_product_loop_end() {
    echo '</div>'; // إغلاق div الحلقة المخصصة
}

بفضل هذا الكود، ستحصل على حلقة منتجات تخصيصية تعرض المنتجات بشكل يتناسب مع تصميم موقعك.

المنتجات المرتبطة والتوافق مع العلامات والفئات

يمكنك أيضًا تعديل عرض المنتجات المرتبطة بعد صفحة المنتج الفردي. استخدم الكود أدناه لإزالة العرض الافتراضي واستبداله بمجموعتك المخصصة:

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
add_action( 'woocommerce_after_single_product_summary', 'my_custom_related_products', 20 );
function my_custom_related_products() {
    $args = array(
        'post_type' => 'product',
        'posts_per_page' => 4,
        'orderby' => 'rand'
    );
    $related_products = new WP_Query( $args );
    if ( $related_products->have_posts() ) {
        while ( $related_products->have_posts() ) : $related_products->the_post();
            echo '<div class="related-product-item">';
            echo get_the_post_thumbnail();
            echo '<h2>' . get_the_title() . '</h2>';
            echo wc_get_template( 'loop/price.php' );
            echo do_shortcode('[add_to_cart id="' . get_the_ID() . '"]');
            echo '</div>';
        endwhile;
        wp_reset_postdata();
    }
}

الخاتمة

استبدال حلقة المنتجات الافتراضية في WooCommerce يمكن أن يكون عملية سهلة إذا كنت تمتلك المعرفة بالبرمجة اللازمة. بتطبيق الأكواد المذكورة أعلاه، يمكنك تخصيص طريقة عرض المنتجات في متجرك بما يتناسب مع احتياجاتك.

عمومًا، من الضروري اختبار كل خطوة بعناية والتأكد من أن التعديلات تعمل كما هو متوقع. سوف يساعدك ذلك على تحسين تجربة المستخدم في متجرك وزيادة تفاعل الزوار مع المحتوى المعروض.

إذا كنت تبحث عن وسائل مبتكرة لتحسين متجرك، فإن استبدال حلقة المنتجات هو خطوة رائعة في ذلك الاتجاه.