بلاگ

آموزش افزودن زیرنویس به آیتم های منو در فریم ورک هلیکس

آموزش افزودن زیرنویس به آیتم های منو در فریم ورک هلیکس

امتیاز کاربران

ستاره فعالستاره فعالستاره فعالستاره فعالستاره فعال
 

سلام به همه همراهان همیشگی آی سی ام اس.امروز یه آموزش در زمینه فریم ورک هلکیس براتون آماده کردم که درخواست های زیادی مبنی بر قرار دادن آموزش های فریم ورک های مختلفی داشتیم که این پست ، شروع قسمت فریم ورک ها هست.قرار هست در این پست نحوه قرار دادن زیرنویس به صورت دلخواه به آیتم های منو رو در فریم ورک هلیکس 3 آموزش بدم.لازم به ذکر هست که من در این آموزش از آخرین نسخه هلیکس استفاده کرده ام و نسخه های مختلف آن چندان فرقی برای اعمال این تغییرات را ندارند.

آی سی ام اس : آموزش افزودن زیرنویس به آیتم های منو در فریم ورک هلیکس

همانطور که در تصویر بالا میبنید قرار هست ما زیرنویس هایی به منو های پشتیبانی ، مستندات و تماس با ما اضافه کنیم که باعث زیبایی چندین برابر منو خواهد شد.

برای قدم اول وارد مسیر زیر بشید :

/plugins/system/helix3/params/page-title.xml

سپس این خط را در فایل بالا پیدا کنید : 

<field name="page_title_bg_image" type="media" label="PAGE_BACKGROUND_IMAGE" description="PAGE_BACKGROUND_IMAGE_DESC" />

بعد از پیدا کردن خط بالا ، خط زیر را با آن جایگزین کنید :

<field name="page_title_bg_image" type="media" label="PAGE_BACKGROUND_IMAGE" description="PAGE_BACKGROUND_IMAGE_DESC" />
 
<field name="link_subtitle" type="text" label="LINK_SUBTITLE" description="LINK_SUBTITLE_DESC" />

خب ، با گذاشتن کد بالا و مراجعه به آیتم های منو مشاهده میکنید که یک فیلد در قسمت Helix Page Title ساخته میشه که میتونید متنی رو در آن وارد کنید

آی سی ام اس : آموزش افزودن زیرنویس به آیتم های منو در فریم ورک هلیکس

همینطور که در تصویر بالا میبنید ، چون این گزینه رو دستی اضافه کردید و خطی مبنی بر این قسمت در سیستم زبان هلیکس تعریف نشده است. لازم هست شما به مسیر زیر برید :

 /administrator/language/en-GB/en-GB.plg_system_helix3.ini

یا اگر زبان فریم ورک هلیکس شما فارسی هست به این مسیر برید : 

/administrator/language/fa-IR/fa-IR.plg_system_helix3.ini

 و خط های زیر رو در هرکجایی از فایل خواستید قرار بدید :

#Display Subtitle Menu"
LINK_SUBTITLE="زیر نویس آیتم منو"
LINK_SUBTITLE_DESC="توسط این قابلیت میتوانید متنی را در زیر منوی خود به نمایش در آورید"

آی سی ام اس : آموزش افزودن زیرنویس به آیتم های منو در فریم ورک هلیکس

حالا ما نیاز داریم یه تغییرات دیگری رو انجام بدیم تا بتونیم متن رو نمایش بدیم . برای اینکار به مسیر زیر برید :

plugins / system / helix3 / core / classes / menu.php

سپس این خط رو پیدا کنید : (تقریبا در خط 419 قرار داره )

		$class .= ($item->anchor_css && $class) ? ' ' . $item->anchor_css : $item->anchor_css;
		$class = ($class) ? 'class="' . $class . '"' : '';

و با خط زیر جایگزین کنید :

		$class .= ($item->anchor_css && $class) ? ' ' . $item->anchor_css : $item->anchor_css;
		$class = ($class) ? 'class="' . $class . '"' : '';
$link_subtitle = $item->params->get('link_subtitle');

سپس خط زیر را در فایل بالا بیابید : ( تقریبا در خط 470 قرار داره )

return $output;

و با خط زیر جایگزین کنید :

        $output = $output.'<span class="linksubtitle">'.$link_subtitle.'</span>';
		return $output;

خب ، این آموزش هم با موفقیت تمام شد و تونستید زیرنویس دلخواه خودتون رو به منوها اضافه کنید. آی سی ام اس : آموزش افزودن زیرنویس به آیتم های منو در فریم ورک هلیکس

برای شخصی سازی زیر نویس ها هم میتونید کلاس زیر رو در فایل css قالب خودتون قرار بدید :

.linksubtitle {
   display: block;
   padding-right: 15px;
   padding-left: 10px;
   text-align: right;
   margin-top: -20px;
   margin-bottom: 20px;
   color: #101010;
}

همچینین میتونید کلاس های شخصی خودتون رو هم برای زیرنویس ها قرار بدید.

طراحی و برنامه نویسی قالب و افزونه های اختصاصی

سفارش پروژه
888-3035 0933
راه آسان تری برای ارتباط با کاربران مان پیدا کرده ایم ツ کانال تلگرام آی سی ام اس

خبرنامه
اگر می‌خواهید از آخرین و محبوب‌ترین مقالات و محصولات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

1493 نفر

برخی محصولات مارکت

325,000تومان
99,000تومان
دمــــــــو: https://goo.gl/yKBBEf
مـــستنـــدات: https://goo.gl/VN13Yt
با دریافت این محصول 99 آی بُن هدیه بگیرید
70 % تخفیف با

25,000تومان
8,000تومان
آمـــــوزش: https://goo.gl/jTM8qj
صــــفحه افزونه: https://goo.gl/WWyBzP
با دریافت این محصول 8 آی بُن هدیه بگیرید
68 % تخفیف با

رایگان هم اکنون دریافت کنید
با دریافت این محصول 0 آی بُن هدیه بگیرید

دیدگاه (4)

  1. مرتضی عبیری

آموزش خوبی بود
لطفا از این اموزش ها بیشتر بزارید

  1. مریم

بسیار ممنونم از این آموزشتون

  1. محمد امین

این عکسی که برای اموزش گذاشتید به همین روش ساختید ؟

  1. محمدحسین نیازی    محمد امین

بله،طبق همین آموزشی که دادم ساخته شده

هنوز دیدگاهی بیان نشده است

ارسال دیدگاه

پیوست ها (0 / 3)
Share Your Location

با آی بن ارزان تر خرید کنید

آی بن، همان‌طور که از نامش بر‏می‌‏آید، یک بن خرید الکترونیکی است که پس از خرید هر محصول، در حساب شما منظور می‏‌شود.
در حقیقت شما پس از نخستین خرید از آی سی ام اس، بسته به ارزش کالای خریداری شده و چند فاکتور دیگر، به میزانی امتیاز "آی بن" که در واقع تخفیفی برای شما در خریدهای بعدی است، دریافت می‏‌کنید.

از آی بن بیشتر بدانید

نظرات کاربران

عالی
ارسال شده در Joomla Article یکشنبه, 11 مارس 2018 19:20
محمدحسین نیازی نظری را ارسال کرده است در :از سیر تا پیاز پشتیبانی آنلاین در وردپرس و جوملا با Crisp
سلام شما ظاهرا کد اسکریپت کریسپ رو در قالبتون قرار ندای...
ارسال شده در Joomla Article شنبه, 17 فوریه 2018 05:04
محمدحسین نیازی نظری را ارسال کرده است در :قابلیت های جدید جوملا 3.8 و فعال سازی ویژگی حذف شناسه از URL
سلام کافیه یک منو از نوع برچسب ها بسازید فرقی نداره مخف...
ارسال شده در Joomla Article شنبه, 17 فوریه 2018 05:03
سلام چطور وقتی آنلاینی کریسپ از حالت کوچک خارج بشه و به ...
ارسال شده در Joomla Article شنبه, 10 فوریه 2018 18:44

سوالات و اشکالات فنی در رابطه با محصول تهیه شده را میتوانید از پشتیبانی آی سی ام اس بپرسید

ثبت نام

 
محمدحسین نیازی پاسخ گوی شماست

محمدحسین دانش‌آموخته‌ی مهندسی نرم افزار بوده و هم اکنون مشغول تحصیل است. او از سویی به برنامه نویسی علاقه‌ی فراوان دارد و از سوی دیگر شیفته‌ی فناوری‌های نوین است. محمدحسین دنیای وب را محلی برای بروز اندیشه‌ها و علاقه‌های خود یافته و به همین خاطر چند سالی است در تیم های مختلف طراحی وب برنامه می نویسد.

مدیر و موسس آی سی ام اس