[РЕШЕНО]Нестандартный переключатель языков Joomla 3.9.4

В итоге сам написал простенькую переключалку, может кому пригодится. Что бы все работало, надо переопределить шаблон mod_language в HTML папку своего шаблона, стереть все, что есть в default.php и вставить вот этот код

Код

<?php
/**
 * @package Joomla.Site
 * @subpackage mod_languages
 * [member=126442]copyright[/member] Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license GNU General Public License version 2 or later; see LICENSE.txt
 */

// no direct access
defined('_JEXEC') or die('Restricted access');
?>



<style>
#slow_nav > ul{

    margin:0px auto 0;
}
 
#slow_nav > ul > li{
    list-style: none;
    position:relative;
    padding:0;
}
 
#slow_nav a{text-decoration:none;}
 
#slow_nav > ul > li > a{
    font-size:16px;
    padding:5px;
    color:#333;
}
 
#slow_nav li ul{
	width:200px;
    position:absolute;
    list-style:none;
    text-align:center;
    top:32px;
    font-size:15px;
    left:-5px;
    margin:0;
    padding:0;
 z-index:99999999999;
/* Данные строки нужны для правильной работы анимации */
    max-height:0px;
    overflow:hidden;
    -webkit-transition:max-height 0.4s linear;
    -moz-transition:max-height 0.4s linear;
    transition:max-height 0.4s linear;
/* конец */
}
 
#slow_nav li:hover ul{
    max-height:300px;
	z-index:99999999999;
}
 
#slow_nav li ul li{
    background-color:#f3f4f4;padding:5px;
    border-bottom:1px solid #ededed;
}

#slow_nav li ul li img {width:18px;height:12px;margin:3px 8px 3px 0px;}
 
#slow_nav li ul li:last-child{
    border-bottom:none;
}
 
#slow_nav li ul li a{
    padding:5px 12px;
    color:#333;
    display:flex;
}
 
#slow_nav li ul li:hover{
    background-color:#ededed;
}
 
#slow_nav li ul li:first-child{
    margin-top:20px;
    position:relative;
}
 
#slow_nav li ul li:first-child:before{
    content:'';
    position:absolute;
    width:1px;
    height:1px;
    border:5px solid transparent;
    border-bottom-color:#f3f4f4;
    left:10px;
    top:-10px;
}
</style>

<nav id="slow_nav">
    <ul>
        <li>
        <a><img src="/templates/youtemplate/path-to-images/get_language.png" width="20px" height="20px" /></a>
            <ul>
			  <?php foreach ($list as $language) : ?>
                <li>
				<a href="<?php echo htmlspecialchars_decode(htmlspecialchars($language->link, ENT_QUOTES, 'UTF-8'), ENT_NOQUOTES); ?>">
				<?php echo JHtml::_('image', 'mod_languages/' . $language->image . '.gif', '', null, true); ?>
				<span><?php echo $language->title_native; ?></span>
				</a>
				</li>
              <?php endforeach; ?>
            </ul>
        </li>
        
    </ul>
</nav>

не забыв загрузить в папку с картинками иконку при наведении на которую будет выпадать список языков.
демка недолго будет http://vashost.nichost.ru/ (на сам сайт не смотреть, он пока на уровне прототипа, еще неизвестно что заказчик надумает в итоге)

Поехал дизайн главной страницы одного из трех языков Автор hlitov	Ответов: 3 Просмотров: 15279	23.12.2024, 16:12:59 от enrikebosko288
Локализация Joomla 3.x (обсуждение перевода, инструкции и рекомендации) Автор smart	Ответов: 363 Просмотров: 212947	16.05.2022, 16:56:45 от SK
Falang и переключатель языка Автор max_1985	Ответов: 3 Просмотров: 5369	22.11.2021, 22:19:11 от max_1985
Нужен узбекский для Joomla 3 Автор nick71	Ответов: 6 Просмотров: 9553	18.08.2021, 08:47:42 от Zaynidin
Как создать много страниц с названиями - Joomla 3? Автор mig4you	Ответов: 20 Просмотров: 7115	20.12.2020, 21:40:40 от gartes

[РЕШЕНО]Нестандартный переключатель языков Joomla 3.9.4 - Joomla 3.x: Локализация

Новости Joomla

‼️ 👩‍💻 Обновление безопасности для Tassos Framework!

👩‍💻 Joomla включена в программу Google Summer of Code 2026.

Вышли релизы Joomla 6.0.3 и Joomla 5.4.3

Шмайсер

[РЕШЕНО]Нестандартный переключатель языков Joomla 3.9.4

Шмайсер

RE: Нестандартный переключатель языков Joomla 3.9.4

Похожие темы