Перейти к содержимому


Закрепить Слайдер, Разделить Его С Меню Выше.

слайдер

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 Anatoly

Anatoly

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 13 Январь 2018 - 17:42

Здравствуйте! SL-433204   Нужно закрепить слайдер. Сейчас при сужении окна браузера верх слайдера прячется за белую плашку меню с логотипом (если соответственно сделать прозрачность, как и есть по умолчанию, то все это будет на слайдере). На мобильной версии слайдер практически не видно, т.к блок меню белый, без прозрачности. Нужно разделить белый блок меню от блока слайдера, чтобы не было наезда.
Нужно чтобы граница верха слайдера при уменьшении так и оставалась с нижней границей блока меню выше. Соответственно на телефоне так же полностью все показывалось, весь слайдер и не заезжал наверх.

Screenshot_20180113-170208.png Screenshot_30.jpg Screenshot_31.jpg

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


2)  И второй вопрос. В описании видео на телефоне вылезало за рамки сайта. На форуме нашел решение, но на версии компьютера видео теперь что видео стало приплюснутым и на изменения размеров не реагирует, надо сделать нормальное отображение. Сейчас в настройках стоит размер видео 640х360, но показывает вот так приплюснуто.  Screenshot_32.jpg

#2 Anatoly

Anatoly

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 15 Январь 2018 - 22:29

Уважаемые модераторы! Поможете разобраться в вопросах?
По первому вопросу сделал пару правок. Вроде сейчас нормально.

По второму вопросу в силе. Убрал код что нашел на форуме, толк не вижу. Изначально стало на версии пк нормально видео, на мобильной версии вылезает за края. Надо сделать чтобы видео подстраивалось под телефон, а не вылезало. Screenshot_20180115-231133.png

#3 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Январь 2018 - 08:02

Здравствуйте.

Выполните первую часть инструкции:
https://forum.storel...мо/#entry229120

где необходимо оборачивать видео в блок.

Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {

после него пропишите:
.video-container {
position: relative;
padding-bottom: 41.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}


#4 Anatoly

Anatoly

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 21 Январь 2018 - 16:28

Спасибо.

Еще вопрос по верхнему меню.   Screenshot_33.jpg

1) На скрине все показано. Рядом с иконкой верхнего меню вставить слово меню тем же шрифтом что и весь сайт. Небольшой отступ и далее рядом телефон.

2) Иконку корзины сместить ниже на меню товаров и чтобы при прокрутке корзина оставалась зафиксирована вверху на белой подложке с меню вместе.

#5 Anatoly

Anatoly

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 25 Январь 2018 - 11:25

Модераторы, вы поможете?

#6 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 25 Январь 2018 - 16:45

Просмотр сообщенияAnatoly (21 Январь 2018 - 16:28) писал:

Спасибо.

Еще вопрос по верхнему меню.   Прикрепленный файл Screenshot_33.jpg

1) На скрине все показано. Рядом с иконкой верхнего меню вставить слово меню тем же шрифтом что и весь сайт. Небольшой отступ и далее рядом телефон.

2) Иконку корзины сместить ниже на меню товаров и чтобы при прокрутке корзина оставалась зафиксирована вверху на белой подложке с меню вместе.

Здравствуйте.


1) Вам нужно в шаблоне HTML после строки:

<i class="fa fa-bars" title="Меню">&nbsp;</i>

Добавить

​<span>Меню</span>


2) Правки Вам внесли



#7 Anatoly

Anatoly

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 25 Январь 2018 - 20:27

Просмотр сообщенияMikDark (25 Январь 2018 - 16:45) писал:

Здравствуйте.

1) Вам нужно в шаблоне HTML после строки:
<i class="fa fa-bars" title="Меню">&nbsp;</i>
Добавить
​<span>Меню</span>

2) Правки Вам внесли



Как вы сделали и дали код немного не то получилось, но я вроде сделал как хотел.
Но есть нюанс один, при перезагрузке страницы иконка корзины на секунду-две-три (пока загружается страница), появляется не на своем месте слева. Как страница прогрузится, то все встает как надо. Можно как исправить это чтобы при загрузке все оставалось на своих местах, чтобы не прыгало ничего?
20180125_202008.png

Еще заметил нюанс. После добавления в корзину иконка корзины пропадает и появляется только после перезагрузки страницы. Как это исправить?
Screenshot_36.jpg

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Февраль 2018 - 08:27

Здравствуйте.

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

#9 Anatoly

Anatoly

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 01 Февраль 2018 - 08:37

Просмотр сообщенияVaccina (01 Февраль 2018 - 08:27) писал:

Здравствуйте.

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

Здравствуйте!
На данный момент поправили, но наблюдается другая проблема.
Вот переписка:


Здравствуйте.
В шаблоне Ajax добавление товара в корзину код:

<a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i></a>
Заменил на:

<a href="{CART_URL}"><i class="fa fa-shopping-bag">&nbsp;</i></a>
В шаблоне main.css код:

.header-middle .col-right {float: right !important;margin-top: -80px;}
Заменил на:

.header-middle .col-right {float: right !important;margin-top: -80px;width:100%;}


Спасибо.
С корзиной все хорошо. Но на телефоне иконка Каталога не работает при нажатии, она работает, но если нажать чуть ниже иконки.  Изображение
Скажите пожалуйста как это исправить чтобы работало точно по нажатию иконки?
И пропал телефон с мобильной версии.

#10 metry

metry

    Активный участник

  • Модераторы
  • 871 сообщений

Отправлено 01 Февраль 2018 - 09:56

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#mommenu .btn-navbar i {font-size: 25px;line-height: 25px;color: #404040;position:  absolute;}

замените на:

#mommenu .btn-navbar i {font-size: 25px;line-height: 25px;color: #404040;position:  absolute;}

далее найдите:

.header-top .block-phone {display: none;}

замените на:
.header-top .block-phone {display: block;}


далее найдите:

.form-search .search-title {display: block;position: absolute;top: -43px;left: 54px;margin-left: 14px;}

замените на:

.form-search .search-title {display: block;position: absolute;top: -43px;left: 94px;margin-left: 14px;}


#11 Anatoly

Anatoly

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 01 Февраль 2018 - 13:10

Просмотр сообщенияmetry (01 Февраль 2018 - 09:56) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#mommenu .btn-navbar i {font-size: 25px;line-height: 25px;color: #404040;position: absolute;}

замените на:

#mommenu .btn-navbar i {font-size: 25px;line-height: 25px;color: #404040;position: absolute;}

далее найдите:

.header-top .block-phone {display: none;}

замените на:
.header-top .block-phone {display: block;}


далее найдите:

.form-search .search-title {display: block;position: absolute;top: -43px;left: 54px;margin-left: 14px;}

замените на:

.form-search .search-title {display: block;position: absolute;top: -43px;left: 94px;margin-left: 14px;}

телефон появился.
Но иконка меню опустилась вниз, нужно чуть поднять ее, сделать посередине  Screenshot_5.jpg И почему то иконка реагирует на нажатие не полностью, т.е. срабатывает нажатие только на маленькую часть низа иконки. Надо чтобы нажатие срабатывало на всю площадь иконки и все было посередине.
и чтобы при загрузке страницы иконка не прыгала, оставалась на своем месте. Сейчас при загрузке иконка сначала появляется высоко в левом углу, а через 1-2-3 сек. как загрузится страница возвращается на свое место.

#12 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Февраль 2018 - 07:25

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#block-info .block-item {min-height: 100px;width: 100%;margin-bottom: 10px;}
#custommenu {display: none;}
#mommenu {display: block;z-index: 3;}

замените на:
#block-info .block-item {min-height: 100px;width: 100%;margin-bottom: 10px;}
#custommenu {display: none;}
#mommenu {display: block;z-index: 3;line-height: 35px !important;;}
 #mommenu .btn-navbar i {z-index: 10;}






Темы с аналогичным тегами слайдер

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных