كيفية جعل شريط مقارنة الصور في WordPress

كيفية جعل شريط مقارنة الصور في WordPress

الخطوة 1: تثبيت وتنشيط Elemento Addons for Elementor

قبل التثبيت ، تأكد من تنشيط كلا من WooCommerce و Elementor في لوحة القيادة الخاصة بك.

قم بتنزيل المكون الإضافي : قم بزيارة صفحة Plugin Elemento Addons وقم بتنزيل المكون الإضافي.

انتقل إلى لوحة معلومات WordPress الخاصة بك ← الإضافات ← إضافة مكون إضافي جديد ← تحميل مكون إضافي.

قم بتحميل الملف الذي تم تنزيله وانقر فوق "تثبيت الآن".

بمجرد التثبيت ، انقر فوق "تنشيط" لتمكين البرنامج المساعد.

لتثبيت Elemento Addons ، يرجى مشاهدة البرنامج التعليمي أدناه:

الخطوة 2: إنشاء أو تحرير صفحة مع Elementor :

انتقل إلى الصفحات> أضف جديدًا إذا كنت تبدأ Fresh ، أو قم بتحرير صفحة موجودة أو إضافة شريط تمرير إلى أي صفحة حسب الحاجة.

انقر فوق تحرير مع Elementor لإطلاق منشئ صفحة Elementor.

الخطوة 3: أضف أداة مقارنة الصورة

في Elementor Editor ، ابحث عن أجهزة واجهة المستخدم Elemento Addons في الشريط الجانبي ، أو ابحث عن مقارنة الصور في لوحة القطعة.

اسحب وأسقط أداة مقارنة الصورة في أي مكان على الصفحة.

الخطوة 4: تحميل صورك

هنا ، يمكنك رؤية أداة مقارنة الصور المضافة حديثًا في الصورة أدناه.

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

لقد قمت بتضمين صور عينة للرجوع إليها.

الخطوة 5: تخصيص شريط التمرير

يمكنك تعديل وتخصيص الإعدادات باستخدام الشريط الجانبي الأيسر.

يمكنك تعديل وتخصيص الإعدادات باستخدام القائمة على الجانب الأيسر.

الخطوة 6: نشر الصفحة

بمجرد أن تكون راضيًا عن إعداداتك ، انقر فوق Publish لجعل مقارنة الصور الخاصة بك على الهواء مباشرة.

عندما تكون راضيًا عن التعديلات الخاصة بك ، انقر فوق "نشر" لجعل مقارنة الصور الخاصة بك مرئية للآخرين.

يمكنك عرض الصفحة بالنقر فوق "عرض صفحة".

يمكنك عرض شريط مقارن الصور المباشر على جانبك.

متجر Hania Wooocommerce

هل تبحث عن سمة جميلة معبأة للميزات لتعزيز متجر WooCommerce الخاص بك؟

نوصي بشدة بموضوع Hania المتجر لتجربة تسوق سلسة وجذابة بصريًا.

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

ميزات هوس المتجر:

• المواقع الجاهزة للاستيراد: استيراد مواقع التجريبية بسهولة وتخصيصها لتناسب احتياجات متجرك.
• قوالب عربة منتجات متعددة: اختر من بين خمسة قوالب العارضة عالية الجودة لتتناسب مع تصميم متجرك.
• عرض سريع: السماح للمستخدمين بمعاينة تفاصيل المنتج دون مغادرة الصفحة الحالية.
• الشريط الجانبي خارج Canvas: عرض منتجات وأدوات إضافية دون تشوش الصفحة الرئيسية.
• العربة العائمة: تعزيز تجربة المستخدم مع عربة تسوق عائمة مريحة.
• تأثيرات المنتج: يتضمن التكبير ، والتلاشي ، ومبادلة الصور ، وتأثيرات الشرائح لعرض المنتجات التفاعلية.
• أنماط رأس الهاتف المحمول: تصميمات رأس محسنة مصممة خصيصًا لتجربة متنقلة سلسة.
• تخطيطات المنتج الفردي القابلة للتخصيص: تخطيطات المعرض المرنة ، بما في ذلك خيارات الشبكة والمنزلق.
• أنماط الخروج والعربة المتقدمة: صفحات الخروج والعربة الشخصية لتجربة سلسة وخالية من الهاء.