دمج عناصر الصورة الخاصة بك (الحاجيات) (مثال على أداة معلومات المتجر)

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

لسوء الحظ ، لا يوجد مكون إضافي لهذا عبر Shopware Store. لذلك كان لا بد من وضع الرموز يدويًا.

للقيام بذلك ، قمت أولاً بتكوين أداة معلومات المتجر في الواجهة الخلفية للموقع.

بعد ذلك ، أصبح الرمز متاحًا بشكل أعمق قليلاً.

في الخطوة التالية ، قمت بإدخال هذا الرمز في التذييل. ابدأ برنامج بروتوكول نقل الملفات (على سبيل المثال Filezilla) وابحث عن:

/ الموضوعات / الواجهة الأمامية /اسمك/ الواجهة / الفهرس

في هذه المرحلة ، أفترض أنك تستخدم بالفعل المظهر الخاص بك ، وإلا فلن تكون تغييراتك آمنة للتحديث. بخلاف ذلك ، توفر Shopware هذه الوثائق:

قم بإجراء تغييرات على القالب

أقوم دائمًا بإنشاء نسخة احتياطية من الملف الحالي قبل إجراء التغييرات وإضافة التاريخ الحالي إلى الاسم.

أدخل الكود أعلاه باستخدام محرر نصوص (مثل Notepad ++).

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

شاشةmedia only و (min-width: 768px) {div # shopauskunft_widget {display: block؛ الموقف: ثابت ؛ اليمين: 10 بكسل ؛ أسفل: 10 بكسل ؛ }}

ولكن ماذا نفعل معها؟

يمكن تحديد ملف css إضافي في الواجهة الخلفية لـ Showare. قم أولاً بتحميل ملف css جديد مع الكود أعلاه عبر بروتوكول نقل الملفات.

الآن عليك فقط إخبار Shopware 5 أنه يجب استخدام هذا الملف. للقيام بذلك ، تذهب إلى الخلفية الإعدادات / مدير المظهر...

... اختر السمة الخاصة بك وانقر فوق تكوين السمة.

ضمن علامة التبويب "التكوين" ...

... أدخل ملف css الخاص بك ضمن "ملفات CSS الأخرى":

<link href=“/themes/Frontend/اسمك/frontend/_public/src/css/shopauskunft.css؟template=itintime_170425&is_preview=on "media =" all "rel =" stylesheet "type =" text / css "/>

الآن قم بتفريغ ذاكرة التخزين المؤقت للمتجر وقم بتجميع السمة.

فويلا ... القطعة الخاصة بك تبدو رائعة! 🙂

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

قم بتثبيت عنصر واجهة مستخدم RBA من معلومات المتجر في Shopware 5