چهارشنبه 1 خرداد 1398

Font Size

Screen

Profile

Layout

Direction

Menu Style

Cpanel
  • آموزش
  • قالب ها
  • نرم افزارها
  • سوال شما

آموزش mega menu در جوملا

شاید شما هم دیده باشید که در بعضی از قالبها در منوی بالای صفحه منوها بصورت چند ستونه هستند و یا در آنها ماژول ها ، تصاویر و غیره به کار رفته است به عنوان مثال در داخل منوی بالا login وجود دارد مانند قالبهای زیر:
http://templates.joomlart.com/ja_lime/
http://templates.joomlart.com/ja_rave/
ماجرا از چه قراره !!!
بله همه این قالبها و اکثر قالبهای جدید joomlart از mega menu پشتیبانی می کنند.
حالا اگر قالب ما دارای megamenu باشد چطور ماژول های خود را در داخل آن قرار دهیم و یا چطور می توانید چند ستونه کنیم و یا چطور می توانیم در کنار هر منو عبارتی در کادر های رنگی قرار دهیم(دوستان این آموزشی که می نویسم همه بر اثر یک هفته کار کردند با مگا منو در چند قالب joomlart است هر سوالی داشتید می توانید در ادامه بپرسید)

ادامه آموزش در ادامه مطلب

من این کار را با استفاده از پلاگین JA T3 Framework انجام می دهم که روش کار با آن بسیار ساده است.
بدون پلاگین هم میشه این کار را انجام داد اما فکر نکنم لازم باشه چون کار با پلاگین خیلی راحتتره

خوب تصویر رو داریم پس کار راحتتره
بریم سراغ آموزش
در قسمت اول فکر نکنم آموزش لازم داشته باشه
columns: مسلما تعداد ستونهای منوی ما رو نشون می ده (در اینجا 4 ستونه است)
Group: اگر بله را انتخاب کردید انتظار نمایش 4 ستون مختلف را نداشته باشید زیرا همه را در یک ستون نمایش می دهد(برای نمایش زیر منو های مربوط به یک منو که باید در یک ستون قرار بگیرند بکار گرفته می شود)

مثلا:

در شکل بالا باید در زیر منوی 2010 مقدار Group را برابر با یک قرار داد تا تمام زیر منوها در یک گروه قرار گیرند .
اما مقدار group در ja template باید برابر با صفر قرار گیرد تا منوی حاصل مانند شکل بالا 3 ستونه شود
Submenu Width: عرض زیر منوها را نشان می دهد
Submenu Column Width: عرض زیر منو ها را برای هر ستون مشخص می کند(یک عدد می دهید برای همه ی ستونها اعمال می شود)
اما حالا اومدیم و خواستیم که برای هر ستون جدا جدا عرضش را مشخص کنیم باید چه کار کنیم(باید به قسمت بعد برویم)
Submenu Column[i] Width: عرض هر ستون را جدا جدا حساب می کنیم.اما با دستور زیر که احتیاج به توضیح ندارد.
colw1=230
colw2=190
colw3=200
colw4=630
Additional class: اضافه کردن کلاس css به آیتمهای منو
و آخریش
Submenu Content:با استفاده از این گزینه می توانید:
Child menu items: منویی که این پلاگین رو داریم رویش اعمال می کنیم به عنوان زیر منو در نظر گرفته می شود
Modules: می توانیم یک ماژول خاصی رو در آن قرار دهیم.
Module positions: تمام ماژول هایی که در یک موقعیت خاص هستند را نمایش می دهد
خوب 3 گزینه بالا بستگی به کاری که شما می خواهید انجام دهید دارد
اما این پلاگین رو زمانی آپلود می کنم که مطمئن بشم پلاگین تجاری نباشه(حداقل سایتهای ایرانی اون رو به فروش نگذاشته باشند)


لینک مربوط به مطلب در تالار گفتگو

نظرات  

 
#3 پارس گروپ 14 شهریور 1393 ساعت 18:56
با سلام.
آموزش پایه و بسیار روانی بود .
با تشکر
نقل قول
 
 
#2 رضا 1078 27 آبان 1391 ساعت 15:32
نقل قول mos:
دوست عزیز گند زدی با این آموزشت مقالت نه سر داره نه ته

در صورت وجود مشکل در تالار آن را مطرح کنید
آموزش بسیار ساده است و فکر نمی کند توضیح بیشتری بخواهد
نقل قول
 
 
#1 mos 27 آبان 1391 ساعت 14:15
دوست عزیز گند زدی با این آموزشت مقالت نه سر داره نه ته
نقل قول
 

افزودن نظر


کد امنیتی
تصویر جدید

لطفا نظر خود را فقط در رابطه با مطلب بالا ارائه دهید

نظر سنجی

در سایت چه چیزی قرار دهیم؟






نتایج

کاربران عضو

کاربران عضو : 2088
اعضای حاضر : 0

اعضای حاضر در سایت
هیچ عضوی حاضر نیست!

معرفی 5 عضو آخر سایت
Fingerboardelu
Zbtkamy
yruibutbrs
user19187
zare

پرداخت امن پاسارگاد

زرین پال

شما هستيد در: آموزش آموزش جوملا آموزش mega menu در جوملا