أبدأ اليوم ماراثون تخصيص WooCommerce شخصيًا بينما أحاول إعادة إطلاق مشروعي الشخصي A Piece of Sicily (سوق منتجات صقلية ، صديق WPML ، مع المنتجات التي تم تحميلها بواسطة البائعين والمنتجات الخارجية (التابعة)).
في كل أسبوع ، سأشارك مقتطفًا قمت بترميزه شخصيًا ، بحيث يمكنك متابعتي على طول المسار المباشر ومشاهدة النتائج فعليًا على الموقع المباشر.
هذه المرة ، سنتحدث عن المنتجات الخارجية ، وتحديدًا كيفية فتح عنوان URL الخارجي للإضافة إلى سلة التسوق في علامة تبويب جديدة ، بحيث يظل المستخدمون على موقع WooCommerce الإلكتروني الخاص بك حتى بعد زيارة الرابط التابع. يتمتع!
يمكنك اختبار وظيفة “فتح الرابط في علامة تبويب جديدة لمنتجات WooCommerce الخارجية” على https://www.apieceofsicily.com/en/shop/sicilian-wine/orestiadi-il-bianco-di-ludovico-riserva-2017/
/**
* @snippet Open External New Tab - WooCommerce Single Product
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 5.1
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
function woocommerce_external_add_to_cart() {
global $product;
if ( ! $product->add_to_cart_url() ) return;
echo '<p><a href="' . $product->add_to_cart_url() . '" class="single_add_to_cart_button button alt" target="_blank">' . $product->single_add_to_cart_text() . '</a></p>';
}WooCommerce: تحرير عنوان URL لصورة المنتج الخارجية
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 في حالة حدوث خطأ!
