رفتن به مطلب

آموزش ثابت کردن ناوبار قالب دیفالت در ورژن 4.5


ارسال‌های توصیه شده

سلام

این آموزش رو برای قالب دیفالت میذارم

در حالت عادی  ناوبار اصلا ثابت نیست و باید خودمون یه سری دستکاری توی کد بیاریم.

متاسفانه آموزش های قبلی روی ورژن 4.5 جواب نمیده و افزونه fixed navbar هم جواب گو نیست.

اما خوشبختانه این  آموزش خیلی خیلی آسونه . :)

خب بذارین شروع کنیم :

در ابتدا وارد صفحه ی مدیریت بشوید

بعدا شخصی سازی

بعدا پوسته ها

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

image.thumb.png.5d5ff434707e5f231e20cd7473b33032.png

 

خب الآن وارد مرحله ی بعدی میشیم

 

معمولا خودش به صورت اتوماتیک نمونه globaltemplate رو باز میکنه که ما همینو میخواییم ، اگر براتون نیومد توی قسمت سرچ بنویسید  و از بین گزینه ها انتخابش کنید

 

مثل تصویر زیر : (به ترتیب اعداد جلو برید)

 

image.thumb.png.0f94ace79fec087a92c658b892f28804.png

آدرس به صورت زیره :

core

front

global

globalTemplate

 

...

خب قطعه کد زیر را پیدا بکنید :

{template="navBar" app="core" group="global" params=""}
				{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" app="core" group="global" params=""}

بالای این قطعه کد ، کد زیر را اضافه کنید :

<div id='elWrapper'>
	<div id='elStickyElement' data-ipsSticky>

و پایینش کد زیر رو اضافه کنید :

      </div>
</div>

 

و تمام ، کدا رو ذخیر کنید.

به همین سادگی

 

برای اطلاعات بیشتر به لینک زیر مراجعه کنید

https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuisticky-r62/

 

نمونه نتیجه :

image.thumb.png.9ec0127b3c985e0396a47fe8384b52af.png

 

و بازم اسکرول میکنیم و پایین تر که میریم ، همچنان ثابته :

 

image.thumb.png.6ae030a78d58175590da894dd7bff3cd.png

 

:)

 

نقل قول

پ ن : این دوره ها هنوز اعتبار دارند اگر خواستین شرکت کنید میتونید وارد سایتم بشین. https://edusys.ir/

 

ویرایش شده توسط Mohammad Mz
  • پسند 1
  • تشکر 1
  • ذوق زده 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر

سلام. 

میشه این کارو برای یه ابزارک خاص هم انجام داد؟ مثلا بعد اینکه کاربر شروع به اسکرول میکنه اون ابزارکی که تو سایدبار هستش مثلا برترین مشارکت کنندگان  رو ثابت نگه داریم؟

لینک ارسال
به اشتراک گذاری در سایت های دیگر

در 27 دقیقه قبل، Arash.Ranjbar گفته است :

میشه این کارو برای یه ابزارک خاص هم انجام داد؟ مثلا بعد اینکه کاربر شروع به اسکرول میکنه اون ابزارکی که تو سایدبار هستش مثلا برترین مشارکت کنندگان  رو ثابت نگه داریم؟

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

گرچه با توجه به دستورالعمل موجود در سایت اصلی که لینکشو توی پست بالایی گذاشتم ، اصولاً باید بشه.

  • پسند 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...