كيفية تحرير قالب صفحة المنتج في Divi Builder

إذا كنت تستخدم سمة Divi لبرنامج WordPress وترغب في تعديل صفحات منتجك ، فهناك بعض الأشياء التي تحتاج إلى معرفتها. أولاً ، تحتاج إلى إنشاء موضوع فرعي. سيسمح لك هذا بإجراء تغييرات على الكود دون التأثير على ملفات السمات الأصلية. بمجرد إعداد سمة فرعية ، يمكنك تحرير قالب صفحة المنتج في Divi Builder. لتحرير قالب صفحة المنتج ، انتقل أولاً إلى علامة التبويب Divi Builder في لوحة إدارة WordPress. ثم انقر فوق علامة التبويب "النماذج" وحدد "صفحة المنتج" من القائمة المنسدلة. بمجرد دخولك إلى Divi Builder ، سترى قائمة بجميع العناصر التي يتكون منها قالب صفحة المنتج. يمكنك تعديل أي من هذه العناصر بالنقر عليها ثم إجراء التغييرات في الشريط الجانبي على اليمين. على سبيل المثال ، إذا كنت تريد تغيير صورة المنتج ، فانقر فوق عنصر "صورة" ثم حدد صورة جديدة من مكتبة وسائط WordPress. عند الانتهاء من إجراء التغييرات ، انقر فوق الزر "حفظ" في الشريط الجانبي Divi Builder. سيتم الآن تطبيق تغييراتك على جميع المنتجات الموجودة على موقع الويب الخاص بك.

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

يمكنك زيادة معدلات التحويل عن طريق إضافة معرض منتج إلى صفحات المنتج الخاصة بك. نوصي بتضمين 3-4 صور على الأقل لكل عنصر من العناصر الخاصة بك في طلبك. إذا كنت تبيع دورات تدريبية عبر الإنترنت ، فمن الممكن أن ترغب في تعطيل خيار الكمية من أجل الحفاظ على صفحة المنتج واضحة. تعمل التبديلات على تسهيل رؤية المعلومات مع الحفاظ على نظافة صفحة منتجك. سنوضح لك كيفية تثبيت وحدة تبديل أسفل وصف المنتج ، من صفحة المنتج أدناه. في قسم المنتج / الأرشيف الخاص بنا ، سيكون العنوان هو عنوان المنتج / الأرشيف ، ولكن يمكنك تحديد المادة التي تناسب احتياجاتك على أفضل نحو كمؤلف. عن طريق تحديد وصف المنتج من القائمة ، يمكنك الوصول إلى قاعدة البيانات الخاصة بك. بعد الانتهاء من التغييرات ، ستتلقى تحديثات تلقائية بمجرد اكتمالها. تمكنك هذه الوحدة من إنشاء أقسام وتخصيص صفحاتك ومنشوراتك بطريقة بسيطة.

Divi Woocommerce تخصيص صفحة المنتج

هناك العديد من الطرق لتخصيص صفحة منتج Divi WooCommerce . يمكنك تغيير التنسيق والألوان والخط وغير ذلك الكثير. يمكنك أيضًا إضافة CSS و HTML مخصصين لتخصيص شكل ومظهر صفحة منتجك بشكل أكبر.

قالب صفحة منتج Divi Woocommerce

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

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

لقد أنشأنا قسمًا مخصصًا لكل وحدة لمساعدتك في إضافتها وتعديلها. للبدء ، يجب علينا أولاً تحديد وحدة صورة المنتج للقالب. في الخطوة التالية ، سنضيف إشعار عربة التسوق إلى صفحة المنتج. يجب عرض اسم المنتج وتقييمه على صفحة المنتج. من خلال الحصول على شرح مفصل لمصدر المنتج ، سيتمكن المستخدمون من معرفة مكان وجودهم على الصفحة. يمكنك إضافة فتات الخبز عن طريق تحديد زر إضافة وحدة جديدة ثم Woo Breadcrumbs. مطلوب أيضًا إشعار عربة التسوق والمقسم.

نرغب في تضمين تسعير المنتج لكي نظهر لمستخدمينا تكلفة المنتج بعد إضافة تقييمات المنتج. بعد ذلك ، في قسم نص السعر ، قم بتضمين وحدة Woo Price. الخطوة التالية هي تحديد Use Custom Style for Button من علامة التبويب Design. للحفاظ على تناسق التصميم ، حدد اللون الأرجواني كلون نص الزر. حان الوقت الآن لإضافة وصف المنتج. إذا ضغطت على عنوان URL للعنصر النائب ، فسيعرض نص العنصر النائب لصفحة المنتج ، ولكن سيتم تحديثه ديناميكيًا ليعكس محتويات الصفحة. في الخطوة 3 ، ستحتاج إلى إضافة وحدة Woo Related Product.

تستلزم هذه الخطوة عمل الصف الثالث من اللوحة ، والذي يهدف إلى الاحتفاظ بدرج المنتج. تحقق من أن كل شيء يعمل بشكل صحيح عن طريق اختبار قالب صفحة المنتج الخاص بك. للبدء ، يجب علينا أولاً حفظ القالب الخاص بنا. إذا سارت الأمور على ما يرام ، فستتمكن من إنشاء قالب صفحة منتج WooCommerce المخصص باستخدام Divi. تجعل وحدات Divi القوية وواجهة المستخدم البديهية من السهل إنشاء تصميم ذو مظهر احترافي في أي وقت من الأوقات. لجعلها قصيرة قدر الإمكان ، نظرنا فقط في إعداد واحد في برنامجنا التعليمي. نظرًا لأن كل وحدة لديها مجموعة خاصة بها من إعدادات وخيارات التصميم ، فإن الاحتمالات لا حصر لها.

تخطيط صفحة منتج Divi

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

يمكنك إنشاء متجر عبر الإنترنت باستخدام WooCommerce Layouts for Divi. يأتي متجر Divi مزودًا بعدد كبير من القوالب التي تتيح لك تخصيص كل جانب من جوانب موقع التجارة الإلكترونية الخاص بك ، وليس فقط تصميم متجر Divi. تتوفر صفحات المنتج وصفحات المتجر وصفحات عربة التسوق وصفحات الخروج. ستساعد هذه التخطيطات العملاء من خلال إنشاء صفحات عربة Divi سهلة الاستخدام ، مما يسمح لهم بترك عملية شراء في المنتصف إذا كانت عربتهم الحالية قديمة. عند استخدام قوالب صفحة الخروج من Divi ، سيكون لديك سيطرة كاملة على موقع الويب بالكامل ، من صفحة المتجر إلى صفحة الخروج. يمكنك الاتصال بأي صفحة على أي جهاز بدقة شاشة من أي حجم باستخدام الأزرار الموجودة في هذه الصفحة.

تخطيط متجر موضوع ديفي

إذا كنت ترغب في إنشاء متجر عبر الإنترنت باستخدام WordPress ، فستحتاج إلى اختيار سمة تتضمن وظائف التجارة الإلكترونية. يعد Divi Theme خيارًا شائعًا للعديد من المتاجر عبر الإنترنت ، حيث يشتمل على تصميم مُعد مسبقًا لمواقع التجارة الإلكترونية. يتضمن هذا التخطيط شبكة منتج وصفحات منتج وعربة تسوق والمزيد. يمكنك بسهولة تخصيص سمة Divi لتتناسب مع العلامة التجارية لمتجرك وأسلوبه.

تحتوي الصفحات التالية على قائمة شاملة لتخطيطات التجارة الإلكترونية المتاحة لـ Divi. تصميمات Divi هي الأكثر استخدامًا من أي منصة في السوق ، مع تصميمات من المصممين والمطورين من جميع أنحاء العالم. يتيح لك Divi Builder استيراد تخطيطات التجارة الإلكترونية مباشرة إلى مكتبة Divi الخاصة بك ، مما يسمح لك ببدء العمل في مشروع Divi التالي على الفور. نظرًا لأن Divi Theme متوافق مع WordPress ، يمكنك استخدام تخطيطات التجارة الإلكترونية الموضحة أعلاه في موقع الويب الخاص بك. يمكن استخدام وظيفة البحث في الشريط الجانبي للعثور على دليل التخطيط هذا وتصفحه. نحن نشجعك على تقديم تخطيط DivieCommerce الخاص بك إلى دليل Divilayouts.com.

لماذا Divi هو الموضوع المثالي لموقع التجارة الإلكترونية الخاص بك

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