-
2
سبد خرید
-
مجموع سفارش: ۱,۰۰۰.۰۰
- مشاهده سبد خرید تسویه حساب
- 4
-
15
-
آوا
مدیر
بینالمللیسازی
بینالمللیسازی
ناوبری فرعی ثابت
ناوبری فرعی ثابت
چگونه استفاده کنیم
یک کلاس.hdg, .hdg_main, .js-languagePageHdg, .hList, .hList_loose, .masthead-nav, .js-languageList, .langChoice, .js-languageSelect را به هر تگ اضافه کنید تا ترجمه زبان فعال شود
یک پلاگین language-picker در JS اضافه کنید
کد HTML
<div class="site">
<div class="site-bd">
<div class="wrapper">
<div class="card">
<div class="card-header">
<h5 class="hdg hdg_main js-languagePageHdg">بینالمللیسازی</h5>
</div>
<div class="main" role="main">
<select class="langChoice js-languageSelect">
<option val="0">انگلیسی</option>
<option val="1">آلمانی</option>
<option val="2">روسی</option>
<option val="3">عربی</option>
</select>
</div>
<div class="card-body row">
<div class="col-lg-6">
<h5 class="hdg hdg_main js-languagePageHdg">ناوبری فرعی ثابت</h5>
<div class="masthead" role="banner">
<ul class="icon-lists border navs-icon hList hList_loose masthead-nav js-languageList">
<li><a href="#"><span>پایه</span></a></li>
<li><a href="#"><span>پیشرفته</span></a>
<ul class="hList hList_loose masthead-nav js-languageList">
<li class="ps-4"><a href="#"><span>قابل اسکرول</span></a></li>
<li class="ps-4"><a href="#"><span>نمای درختی</span></a></li>
<li class="ps-4"><a href="#"><span>امتیازدهی</span></a></li>
</ul>
</li>
<li><a href="#"><span data-mlr-text>فرمها</span></a></li>
<li><a href="#"><span data-mlr-text>جدولها</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
چگونه زبان اضافه کنیم
همچنین میتوانید زبانهای دیگر را طبق زیر در JS اضافه کرده و نوع زبان را در langChoice وارد کنیدvar LANGUAGES = {
"English": {
"columns": [
"پایه",
"پیشرفته",
"قابل اسکرول",
"نمای درختی",
"امتیازدهی",
"اخبار",
"جدولها",
"پایه",
"پیشرفته",
"قابل اسکرول",
"نمای درختی",
"امتیازدهی",
"اخبار",
"جدولها"
],
"heading": "ناوبری فرعی ثابت",
},
"German": {
"columns": [
"Basis",
"Fortschritt",
"scrollable",
"Baumansicht",
"Die Einschaltquote",
"Nachrichten",
"Tische",
"Basis",
"Fortschritt",
"scrollable",
"Baumansicht",
"Die Einschaltquote",
"Nachrichten",
"Tische"
],
"heading": "Statisches U-Boot Nav",
},
"Russian": {
"columns": [
"Основа",
"Прогресс",
"прокручиваемый",
"Представление Дерева",
"Оценка",
"новости",
"Столы",
"Основа",
"Прогресс",
"прокручиваемый",
"Представление Дерева",
"Оценка",
"новости",
"Столы"
],
"heading": "Статический Sub Военно - морской",
},
"Arabic": {
"columns": [
"قاعدة",
"مقدما",
"التمرير",
"عرض الشجرة",
"تصنيف",
"أخبار",
"الجداول",
"قاعدة",
"مقدما",
"التمرير",
"عرض الشجرة",
"تصنيف",
"أخبار",
"الجداول"
],
"heading": "ناوبری فرعی ثابت",
}
};