تخطَّ إلى المحتوى

أهلاً بيك في ميرور

سجّل دخولك لمتابعة طلباتك واشتراكاتك ورصيد محفظتك.

هدية في محفظتك عند إنشاء حساب جديد

تسجيل الدخول إنشاء حساب جديد
تواصل عبر واتساب

أكواد تطوير الوردبريس

عرض شعار العلامة التجارية في WooCommerce فوق صورة المنتج

قراءة في 2 دقائق

عرض شعار العلامة التجارية في WooCommerce فوق صورة المنتج

هل ترغب في عرض شعار العلامة التجارية في WooCommerce فوق صورة المنتج في صفحة المتجر؟ إذا كان الأمر كذلك، يمكنك استخدام الشيفرة التالية:

كود عرض شعار العلامة التجارية في WooCommerce

php
/**
 * عرض صورة العلامة التجارية فوق صورة المنتج
 */
add_action('woocommerce_before_shop_loop_item_title', 'display_product_brand_thumbnail', 10);

function display_product_brand_thumbnail()
{
    global $product;

    // التحقق مما إذا كان المنتج صالحًا
    if (is_a($product, 'WC_Product')) {
        $product_id = $product->get_id(); // الطريقة الصحيحة للحصول على معرف المنتج
        $brands = wp_get_post_terms($product_id, 'product_brand'); // استخدام معرف المنتج المصحح
    } else {
        return; // الخروج من الدالة إذا لم يكن المنتج صالحًا
    }

    $small_thumb_size = 'woocommerce_thumbnail';
    $dimensions = wc_get_image_size($small_thumb_size);
    $thumbnail = "";
    $thumbnail_id = "";

    if ($brands && !is_wp_error($brands)) {
        $brand = $brands[0];
        if (!empty($brand)) {
            $thumbnail = get_brand_thumbnail_url($brand->term_id);
            $url = get_term_link($brand->slug, 'product_brand');
        }
    }

    if (is_array($thumbnail)) {
        $thumbnail = reset($thumbnail);
    }

    $image_srcset = function_exists('wp_get_attachment_image_srcset') ? wp_get_attachment_image_srcset($thumbnail_id, $small_thumb_size) : false;
    $image_sizes = function_exists('wp_get_attachment_image_sizes') ? wp_get_attachment_image_sizes($thumbnail_id, $small_thumb_size) : false;

    if ($thumbnail) {
        $src_set = '';
        if ($image_srcset && $image_sizes) {
            $src_set = etheme_product_brand_image();
        }

        echo etheme_product_brand_image();
    } else {
        echo etheme_product_brand_image();
    }
}

هذا الكود يقوم بإضافة دالة display_product_brand_thumbnail() التي تستدعى قبل عنوان المنتج في صفحة متجر WooCommerce لعرض صورة العلامة التجارية فوق صورة المنتج. تحقق الدالة من صحة المنتج ثم تستخدم معرف المنتج للحصول على معلومات العلامة التجارية وعرض الصورة إذا كانت متاحة.

متى يكون إضافة شعار العلامة التجارية مفيدًا؟

إذا كان لديك علامات تجارية متعددة في متجرك، فإظهار الشعار يساعد العملاء على التمييز بين المنتجات.

في حالة وجود شراكات مع علامات تجارية معروفة، يعزز ذلك مصداقية المتجر.

كما يمكن أن يساهم في تحسين ترتيب البحث داخل المتجر عبر تحسين العلامة التجارية.

أسئلة شائعة

هل أحتاج إلى إضافة أي إضافات أخرى لتفعيل الكود؟

لا، الكود يعمل مع أي متجر WooCommerce مع دعم فئات العلامات (product_brand).

كيف أتحقق من أن الشعار يظهر بشكل صحيح؟

بعد إضافة الكود، قم بتحديث صفحة المتجر وتأكد من ظهور الصورة فوق كل منتج مرتبط بالعلامة.

ما الذي يحدث إذا لم يكن للمنتج علامة تجارية؟

الكود يتفقد وجود العلامة، فإذا لم توجد، فلن يظهر أي صورة، ولن يتأثر عرض المنتج.

هل يمكن تعديل حجم الشعار؟

نعم، يمكنك تعديل حجم الصورة عبر CSS أو تعديل الكود ليتضمن أبعاد مخصصة.

شارك المقال