انتقل إلى المحتوى
DevMarket
وحدات Odooإضافات ووردبريسقوالب ووردبريسقوالب Shopifyقوالب التطبيقاتالسكربتات والأدواتالمدونةبِع على DevMarket
إضافةWordPressجديد

عينات المتغيرات لووكومرس – عينات ألوان وصور وأزرار

استبدل القوائم المنسدلة المملة بعينات ألوان وصور وأزرار في صفحات المنتج وشبكات المتجر، مع حالات التوفر وتلميحات وبلا حشو.

لا توجد تقييمات بعدلا توجد مبيعاتبواسطة TAQNIXآخر تحديث: 21 أكتوبر 2026

غلاف عينات المتغيرات لووكومرس – عينات ألوان وصور وأزرار جولة في المنتج

الوصف

اختر لونًا لا قائمة منسدلة

تحوّل إضافة عينات المتغيرات لووكومرس القوائم المنسدلة المملة إلى عينات واضحة قابلة للنقر: ألوان أو صور أو أزرار نصية. يرى المتسوق كل الخيارات دفعة واحدة، ويختار بنقرة، ويحصل على تحديث السعر والصورة والمخزون كالمعتاد.

تعمل فوق سكربت المتغيرات الأصلي في ووكومرس، فيبقى كل شيء يعمل: تبقى القائمة المنسدلة الأصلية في الصفحة (مخفية)، ويراها المتسوق الذي لا يستخدم جافاسكربت.

ثلاثة أنواع من العينات

  • لون: لون واحد أو عينة بلونين
  • صورة: خامات وأنماط وصور من مكتبة الوسائط
  • زر: نص مثل S وM وL وXL، مع نص قصير اختياري للأسماء الطويلة
  • اختر النوع لكل خاصية من المنتجات ← الخصائص، ثم حدّد الألوان أو الصور أو النصوص على قيم الخاصية (وتعرض قائمة القيم معاينة حيّة)
  • يمكن أيضًا عرض الخصائص المخصصة المكتوبة على منتج واحد كأزرار
عينات الألوان والأزرار في صفحة منتج

حالات واضحة وتجربة رائعة

  • التركيبات غير المتاحة تُشطب ولا تُنقر (أو تُخفى أو تُترك كما هي بحسب اختيارك)، وتُعلَّم الخيارات النافدة من المخزون
  • تظهر القيمة المختارة بجانب اسم الخاصية، والنقر الثاني يلغي الاختيار
  • تلميحات باسم الخيار وحلقة أو تعبئة للمختار وإطار تركيز واضح لمستخدمي لوحة المفاتيح
  • بنية وصول جيدة: مجموعات اختيار وتسميات وaria-checked
  • يعمل الاختيار المسبق من الرابط: ?attribute_pa_color=red يفتح المنتج بالأحمر مختارًا
إعداد العينات في ثلاث خطوات

عينات في المتجر وصفحات الأقسام

  • تظهر عينات الألوان والصور تحت المنتجات المتغيرة
  • النقر (أو التمرير) يبدّل صورة المنتج بصورة المتغير، ويفتح رابط المنتج باللون المختار
  • رابط «+N» عندما يزيد عدد الخيارات عما تريد عرضه
  • تعمل مع القوالب الكلاسيكية وشبكات المنتجات المبنية بالبلوكات
العينات في شبكة منتجات المتجر

إعدادات مهمة

  • الشكل (دائرة أو مربع مستدير أو مربع) والحجم واللون المختار والتلميحات
  • ماذا تفعل بالخيارات غير المتاحة وكيف تُعامل الخصائص المخصصة ومتى تُبقي القائمة المنسدلة
  • عدد العينات لكل منتج في المتجر وسلوك التمرير أو النقر

خفيفة ومناسبة للمطورين

سكربت صغير وملف أنماط صغير، بلا مكتبات خارجية، واستعلام واحد لكل منتج لعينات المتجر. جاهزة للترجمة وملائمة للغات من اليمين إلى اليسار ومتوافقة مع HPOS وصفحة الدفع بالبلوكات. تُخزَّن قيم العينات كبيانات وصفية بسيطة للقيم وتُحذف عند إزالة الإضافة.

ميزات عينات المتغيرات لووكومرس

محتويات الحزمة

  • ملف zip للإضافة جاهز للرفع
  • دليل كامل (HTML وPDF) وقالب ترجمة والرخصة وسجل التغييرات

المتطلبات

ووردبريس 6.0+ وووكومرس 8.0+ وPHP 7.4+. مرخّصة بموجب GPL-2.0 أو أحدث.

الدعم والتحديثات

مساعدة التثبيت وإصلاح الأخطاء مشمولان لمدة 6 أشهر، مع تحديثات مدى الحياة.

ما يتضمنه التنزيل

الملفات الموجودة في الأرشيف الذي يمكنك تنزيله بعد الشراء.

  • الشيفرة المصدرية كاملة
  • التوثيق
  • دليل التثبيت
  • ملفات الترجمة
  • ملف الترخيص
  • سجل التغييرات

تقييمات العملاء

اكتب تقييمًا

لا توجد تقييمات بعد. هل اشتريت هذا المنتج؟ كن أول من يقيّمه.

الاستخدام

ثبّته واستخدمه في بضعة أسطر.

add_filter( 'tqvs_swatches_html', function ( $html, $product, $attribute ) {
	return '<div class="my-swatch-box">' . $html . '</div>';
}, 10, 3 );

سجل التغييرات

كل إصدار، من الأحدث إلى الأقدم.

v1.0.0

1.0.0 – Initial release

  • Color (single and two-tone), image and button swatches for global attributes, set per attribute and per term
  • Custom attributes as buttons, availability and out-of-stock states, chosen value, tooltips, accessible markup
  • Shop and category page swatches that swap the product image, with preselected product links
  • Works on classic and block themes, in quick view popups, with the dropdown as a hidden fallback
  • Settings for shape, size, colors, unavailable behaviour and shop swatches; developer filter

الأسئلة الشائعة

ما أنواع العينات المتاحة؟

لون (واحد أو بلونين) وصورة وزر (نص). وتختار النوع لكل خاصية عامة من المنتجات ← الخصائص.

كيف أضبط الألوان أو الصور؟

افتح قيم الخاصية (المنتجات ← الخصائص ← إعداد القيم). لكل قيمة منتقي ألوان أو منتقي صور أو حقل نص قصير بحسب نوع العينة، وتعرض قائمة القيم معاينة حيّة.

ماذا عن الخصائص التي كتبتها مباشرة على المنتج؟

ليس لها نوع عينة، فتظهر كأزرار (ويمكنك إبقاء القائمة المنسدلة من الإعدادات). والخاصية التي تزيد خياراتها عن الحد الأقصى الذي تضبطه تحتفظ بقائمتها المنسدلة.

ماذا عن التركيبات غير الموجودة أو النافدة؟

تُشطب ولا يمكن النقر عليها. ويمكنك أيضًا إخفاؤها أو تركها كما هي. واختيار خيار غير متاح مع الاختيارات الحالية يبدأ من جديد بهذا الخيار.

هل تعمل العينات في المتجر وصفحات الأقسام؟

نعم. تظهر عينات الألوان والصور تحت المنتجات المتغيرة. والنقر على إحداها يبدّل صورة المنتج بصورة ذلك المتغير ويفتح المنتج باللون المختار. وعدد العينات وسلوك النقر أو التمرير في الإعدادات.

هل تعمل مع قوالب البلوكات والمعاينة السريعة والتخزين المؤقت؟

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

هل تستبدل قائمة ووكومرس المنسدلة؟

تخفي القائمة الأصلية وتُبقيها متزامنة، فتستمر سكربتات ووكومرس والأسعار والصور والإضافات الأخرى في العمل. وبدون جافاسكربت تظهر القائمة المنسدلة.

هل يمكنني تغيير الشكل؟

نعم: الشكل والحجم واللون المختار والتلميحات من الإعدادات، أو CSS بأصناف الإضافة والمتغيرين --tqvs-size و--tqvs-accent.

المزيد من TAQNIX

  • قالبجديد

    أتيليه – قالب ووكومرس للأزياء والملابس مع استيراد تجريبي بنقرة واحدة

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

    بواسطة TAQNIX
    لا توجد تقييمات بعد
    المبيعات:0⁦59.00 US$⁩
  • إضافةجديد

    قائمة الأمنيات لووكومرس – احفظ لوقت لاحق وشارك وانقل إلى السلة

    قائمة أمنيات سريعة وخفيفة: أزرار قلب وقوائم للزوار والمسجّلين وصفحة قائمة برابط مشاركة وتقرير الأكثر إضافة، دون الحاجة إلى حساب.

    بواسطة TAQNIX
    لا توجد تقييمات بعد
    المبيعات:0⁦24.00 US$⁩
  • إضافةجديد

    خصومات الكمية لووكومرس – تسعير متدرج وخصومات الجملة

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

    بواسطة TAQNIX
    لا توجد تقييمات بعد
    المبيعات:0⁦29.00 US$⁩
  • إضافةجديد
    خصم 17%

    استرداد السلات المتروكة لووكومرس – استعد المبيعات الضائعة

    التقط السلات المتروكة وأرسل رسائل استرداد تلقائية مع كوبون شخصي اختياري واستعد السلة بنقرة واحدة.

    بواسطة TAQNIX
    لا توجد تقييمات بعد
    المبيعات:0⁦32.00 US$⁩كان ⁦39.00 US$⁩

منتجات مشابهة

  • إضافةجديد

    قائمة الأمنيات لووكومرس – احفظ لوقت لاحق وشارك وانقل إلى السلة

    قائمة أمنيات سريعة وخفيفة: أزرار قلب وقوائم للزوار والمسجّلين وصفحة قائمة برابط مشاركة وتقرير الأكثر إضافة، دون الحاجة إلى حساب.

    بواسطة TAQNIX
    لا توجد تقييمات بعد
    المبيعات:0⁦24.00 US$⁩
  • إضافةجديد

    خصومات الكمية لووكومرس – تسعير متدرج وخصومات الجملة

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

    بواسطة TAQNIX
    لا توجد تقييمات بعد
    المبيعات:0⁦29.00 US$⁩
  • إضافةجديد
    خصم 17%

    استرداد السلات المتروكة لووكومرس – استعد المبيعات الضائعة

    التقط السلات المتروكة وأرسل رسائل استرداد تلقائية مع كوبون شخصي اختياري واستعد السلة بنقرة واحدة.

    بواسطة TAQNIX
    لا توجد تقييمات بعد
    المبيعات:0⁦32.00 US$⁩كان ⁦39.00 US$⁩
  • إضافةجديد

    دليل المقاسات لووكومرس – نافذة جدول المقاسات وجداول القياسات

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

    بواسطة TAQNIX
    لا توجد تقييمات بعد
    المبيعات:0⁦24.00 US$⁩