غالبًا ما يتطلب العملاء الذين قاموا بتسجيل الدخول تخطيطًا مختلفًا لتجربة المستخدم واتصالات وموقع الويب. يمكنك إخفاء أزرار إضافة إلى سلة التسوق للمستخدمين الذين تم تسجيل خروجهم ، نعم ، ولكن يمكنك أيضًا إعادة تصميم تخطيط صفحة المنتج الفردي بالكامل. على سبيل المثال ، يمكنك إزالة الصورة المميزة ، وزر الإضافة إلى عربة التسوق (لأنك ربما تريدهم فقط شراء منتج واحد) ، وشارة البيع ، والسعر ، وعلامات تبويب المنتج ، وما إلى ذلك – أثناء إضافة معلومات تم تسجيل الدخول فقط مثل الأزرار المخصصة واللافتات والوسائط.
سنرى في هذا البرنامج التعليمي كيفية استهداف العملاء الذين قاموا بتسجيل الدخول والذين اشتروا المنتج الحالي ، وكيفية إزالة بعض عناصر التخطيط الافتراضية وكيفية إضافة بعض HTML و CSS المخصص إلى صفحة المنتج الفردية. يتمتع!
مسح ضوئي محتمل للعملاء الذين قاموا بتسجيل الدخول والذين اشتروا المنتج الحالي: إزالة معلومات الشراء والصورة واستبدالها بمقطع فيديو.
/**
* @snippet Logged-in Layout @ WooCommerce Single Product
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @testedwith WooCommerce 4.5
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_action( 'woocommerce_before_single_product', 'bbloomer_single_product_layout_logged_in_purchased' );
function bbloomer_single_product_layout_logged_in_purchased() {
global $product;
if ( ! is_user_logged_in() ) return;
$current_user = wp_get_current_user();
$theid = $product->get_id();
// TARGET ONLY LOGGED IN CUSTOMERS WHO PURCHASED THIS PRODUCT
if ( wc_customer_bought_product( $current_user->user_email, $current_user->ID, $theid ) ) {
// REMOVE ADD TO CART
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
// REMOVE PRICE
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
// REMOVE FEAT. IMAGE
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
// AND SO ON...
// REFER TO https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/
// ADD CUSTOM CSS
?>
<style>
.selector {
property: value;
property: value;
}
</style>
<?php
// ADD CUSTOM HTML E.G. VIDEO
add_action( 'woocommerce_after_single_product_summary', 'bbloomer_add_video_single_prod_page', 1 );
}
}
function bbloomer_add_video_single_prod_page() {
?>
[youtube https://www.youtube.com/watch?v=3KGM3FfaXew&w=560&h=315]
<?php
}WooCommerce: إعادة توجيه صفحة منتج واحد للعملاء المسجلين
WooCommerce: كيفية تقصير عناوين المنتج
WooCommerce: عرض معرض المنتجات عموديًا (صفحة منتج واحدة)
WooCommerce: نموذج الاستفسار عن المنتج @ صفحة منتج واحد (CF7)
WooCommerce: أضف رمزًا إلى أزرار إضافة إلى عربة التسوق
WooCommerce: أعد تسمية زر “إضافة إلى عربة التسوق” إذا كان المنتج بالفعل @ سلة التسوق
WooCommerce: إظهار الوصف المختصر المخصص عند إفراغه
WooCommerce: إعادة تسمية وصف المنتج Tab Label @ Single Product Page
WooCommerce: تعيين الحد الأدنى لمبلغ الشراء لمنتج معين
WooCommerce: صورة مميزة بعرض كامل @ صفحة منتج واحدة
يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”
يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.
إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂
تحقق من دروس الفيديو المجانية هذه. يمكنك تعلم كيفية تخصيص WooCommerce بدون مكونات إضافية غير ضرورية ، وكيفية تكوين إعدادات البرنامج المساعد WooCommerce بشكل صحيح وحتى كيفية إتقان استكشاف أخطاء WooCommerce في حالة حدوث خطأ!
