Question

Здравствуйте, очень не хватает кнопки "На главную" в мобильной версии сайта. В полной версии лого сайта возвращает, а в мобильной такого нет. Как бы вставить в верхнюю часть сайта, чтобы в полной версии было не видно, а мобильной видно? Надо как-то в глобал ахедере, как я понимаю. Ещё был вариант сделать второе меню, где одна из вкладок "Главная страница", но не додумался, как в полной версии отображать одно меню, а в мобильной - другое. Шаблон был №1311

Answer 1

В данном случае нужно переподключить скрипт:

<script type="text/javascript" src="/.s/t/1311/ui.js"></script>

который отображается у вас в шаблоне, загрузите его себе на фтп, после перейти в Панель управления - Главная - Дизайн - Быстрая замена участков шаблонов. Тип замены(многострочный).
  Что заменить:

<script type="text/javascript" src="/.s/t/1311/ui.js"></script>

на что:

<script type="text/javascript" src="здесь ваша ссылка на скрипт"></script>

Жмем на кнопку - Произвести замену. после откройте скрипт на редактирование в файловом менеджере, найдите код:

<div class="nav-head"><a href="/"><span class="icons-home"></span></a><div class="icon"><span></span><span></span><span></span><span></span></div><a href="#">' + navTitle + '</a></div>

добавьте выделенное и сохраните изменения, добавите и выполните все как я описал выше, отпишитесь, после стилями добавим иконку к классу чтобы все выглядело как нужно.

Comments

Извините, где взять <script type="text/javascript" src="/.s/t/1311/ui.js"></script>  чтобы залить его в файловый менеджер?

---

Andrey Filimonov,

вот ссылка - http://gymbalance.ru/.s/t/1311/ui.js

---

Yuri_Geruk,

Спасибо, сделано

---

Andrey Filimonov,

Теперь добавьте в таблицу стилей CSS следующие стили:

.current-item {width: 34px;height: 34px;float: left;background: url(http://www.akispatna.com/images/home_icon.png);position: relative;left: -50px;z-index: 10;top: 10px;cursor: pointer;}

вместо текущей ссылки на иконку которая прописана в стилях выше, можете поискать свою, после выше в стилях замените ее только размер иконки должен быть 34х34 можно такую - http://www.dipengroup.com/media/websites/dipengroup.com/images/footer/Home-icon.png

---

Yuri_Geruk,

скопировал, вставил в таблицу стилей, появился сини домик, но он не кликабелен, открывается меню 

а в полной версии вот такая дребедень появилась:

---

Andrey Filimonov,

Немного не так сделали, замените код который я писал ранее на следующий:

<div class="nav-head"><a class="icons-home" href="/"></a><div class="icon"><span></span><span></span><span></span><span></span></div><a href="#">' + navTitle + '</a></div>

и в стилях замените:

.current-item {width: 34px;height: 34px;float: left;background: url(http://www.akispatna.com/images/home_icon.png);position: relative;left: -50px;z-index: 10;top: 10px;cursor: pointer;}

на:

a.icons-home {width: 34px;height: 34px;float: left;background: url(http://www.akispatna.com/images/home_icon.png);position: relative;left: -50px;z-index: 10;top: 10px;cursor: pointer;}

после отпишитесь, посмотрим.

---

Yuri_Geruk,

Сделал, не ссылается на главную, так же, открывает меню

дребедень из полной версии исчезла)

---

Andrey Filimonov,

Замените код:

<div class="nav-head"><a class="icons-home" href="/"></a><div class="icon"><span></span><span></span><span></span><span></span></div><a href="#">' + navTitle + '</a></div>

на:

<a class="icons-home" href="/"></a><div class="nav-head"><div class="icon"><span></span><span></span><span></span><span></span></div><a href="#">' + navTitle + '</a></div>

и те стили выше, поправьте и замените на:

a.icons-home {width: 34px;height: 34px;float: left;background: url(http://www.akispatna.com/images/home_icon.png);position: relative;right: -15px;z-index: 10;top: 10px;cursor: pointer;}

@media screen and (min-width: 960px) and (max-width: 1440px) { 
    a.icons-home {display: none!important;}
}

это уже должно помочь, проверил, все работает как положено.

---

Yuri_Geruk,

Спасибо, товарищ! Великолепно работает, только поправил  max-width на 2440px, а то на большом экране вылезает иконка