Page 1 of 1

طريقة اظهار شعارين للمتجر عربي وانجليزي

Posted: Tue Aug 03, 2010 8:41 pm
by opencartArab


السلام عليكم ورحمة الله وبركاته

بعض الأخوة طلبوا ظهور شعار عربي للموقع عند اختيار اللغة العربية وظهور شعار انجليزي عند اختيار اللغة الانجليزية

وسوف أقوم بشرح الطريقة ولكن يجب العلم ان هذه الطريقة سوف تلغي الشعار الذي يتم اختياره من لوحة التحكم
وسوف يكون اختيار الشعار بشكل يدوي من مجلد الصور

وان هذه الطريقة ايضاً يجب عملها يدوياً عند ترقية المتجر

والطريقة هي كالتالي

نذهب لمجلد الصور على المسار التالي

image\data

وسوف نجد أن شعار الموقع مثلا عبارة عن صورة اسمها
logo

نقوم بعمل الشعار العربي ونسميه مثلاً
logo-ar

والان اصبح لدينا صورتين لشعارين في مجلد الصور

بعدها نذهب الى ملف الهيدر على المسار التالي

catalog\view\theme\default\template\common\header.tpl

يرجى الانتباه لاختيار القالب الذي تستخدمه
وانا قمت هنا بالعمل على القالب الافتراضي
default

ثم نفتح الملف ونحذف الاسطر التالية

Code: Select all

<?php if ($logo) { ?>
      <a href="<?php echo str_replace('&', '&', $home); ?>"><img src="<?php echo $logo; ?>" title="<?php echo $store; ?>" alt="<?php echo $store; ?>" /></a>
      <?php } ?>
ثم نحفظ الملف وبعد الحفظ جرب الموقع وسوف تجد ان الشعار قد اختفى

ثم نذهب لمجلد الاستايل على المسار التالي
catalog\view\theme\default\stylesheet

سوف نجد عدد من الملفات والذي يهمنا هنا الملفين
stylesheet-a.css
وهو استايل اللغة العربية
و
stylesheet.css
وهو استايل اللغة الانجليزية

نفتح الملفين ونبحث عن

Code: Select all

#header .div2 {
	float: left;
	padding-top: 15px;
	padding-left: 15px;
}
ونستبدله بالتالي

للغة العربية

Code: Select all

#header .div2 {
	float: left;
	background-image: url(../../../../../image/data/logo-ar.png);
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-left: 300px;
	background-position: 20px;
}
لاحظ في الكود تم اختيار اسم الصورة
logo-ar.png

ويجب عليك استبدال اسم الصورة على حسب تسميتك

ثم حفظ

وللغة الانجليزية

Code: Select all

#header .div2 {
	float: left;
	background-image: url(../../../../../image/data/logo.png);
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-left: 300px;
	background-position: 20px;
}

لاحظ في الكود تم اختيار اسم الصورة
logo.png

ويجب عليك استبدال اسم الصورة على حسب تسميتك

ثم حفظ

======================

انتهى

وأتمنى أن يكون الشرح واضح

وبالتوفيق للجميع

ولا تنسونا من صالح دعائكم

[/size][/b]

Re: طريقة اظهار شعارين للمتجر عربي وانجليزي

Posted: Wed Aug 04, 2010 2:08 am
by abdouDz
جزاك الله خير الجزاء جاري التجريب وهذا ماكنت ابحث عنه

شكرا لك مجدد

وان شاء الله افيدكم انا كذلك بشروحات قريبا ان شاء الله

تستحق احلى تقيم

Re: طريقة اظهار شعارين للمتجر عربي وانجليزي

Posted: Wed Aug 04, 2010 2:19 am
by opencartArab


وإياك أخي الكريم