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


Передвинуть Элементы На Главной.


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

#1 igrugha

igrugha

    Новичок

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

Отправлено 11 Август 2015 - 00:42

Приветствую. Необходимо решить ряд проблем. Номер аккаунта SL-354098. Сайт http://igrshop.storeland.ru/
1. У каждой кнопки верхнего меню(главная, доставка, и т.д) есть свои рамки, которые я выделил желтым цветом. Как можно немножко передвинуть вправо это меню, чтобы оно было на одной линии с каталогом(т.е на красной линии)?
2. Необходимо удалить каталог сверху, рядом с логотипом, но так, чтобы каталог слева остался на месте.
3. Необходимо уменьшить размер слайдера и выровнять его по кнопке поиска(красная линия справа отчерчена). Ибо в связи с переносом каталога данный слайдер растянул страницу и появился скрол по ширине, что совсем не нужно.
Надеюсь на скорую помощь!

Прикрепленные изображения

  • 123.png


#2 Firefly

Firefly

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

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

Отправлено 11 Август 2015 - 09:55

Просмотр сообщенияigrugha (11 Август 2015 - 00:42) писал:

Приветствую. Необходимо решить ряд проблем. Номер аккаунта SL-354098. Сайт http://igrshop.storeland.ru/
1. У каждой кнопки верхнего меню(главная, доставка, и т.д) есть свои рамки, которые я выделил желтым цветом. Как можно немножко передвинуть вправо это меню, чтобы оно было на одной линии с каталогом(т.е на красной линии)?
2. Необходимо удалить каталог сверху, рядом с логотипом, но так, чтобы каталог слева остался на месте.
3. Необходимо уменьшить размер слайдера и выровнять его по кнопке поиска(красная линия справа отчерчена). Ибо в связи с переносом каталога данный слайдер растянул страницу и появился скрол по ширине, что совсем не нужно.
Надеюсь на скорую помощь!

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-top .header-top-left .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 50px;}

Замените на:
.header-top .header-top-left .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 50px;padding-left: 15px;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;}

Замените на:
.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;display: none;}

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
		  jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));

Замените на:
		  jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 825));


#3 igrugha

igrugha

    Новичок

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

Отправлено 11 Август 2015 - 11:08

Просмотр сообщенияFirefly (11 Август 2015 - 09:55) писал:

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-top .header-top-left .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 50px;}

Замените на:
.header-top .header-top-left .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 50px;padding-left: 15px;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;}

Замените на:
.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;display: none;}

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));

Замените на:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 825));
Спасибо за столь быстрый ответ. Все получилось!
Вопрос по слайду: Когда я изменил его ширину в main.js высота автоматически поменялась. Я нашел такой код
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 970px; overflow: hidden;z-index:1;}
Где параметр height поменял на 970(было 570), визуально блок стал больше. Я сделал яркую картинку, чтобы можно было понять как располагается она внутри блока. Как видите, она автоматически становится так, что по краям и снизу остается место. Стандартные картинки имеют такой же вид.
Вопрос: как правильно сделать блок со слайдерами ВЫШЕ(как в настоящий момент), но чтобы картинка разместилась на всю ширину? И какой размер в пикселях у нее будет? Спасибо.

Прикрепленные изображения

  • 321.png


#4 Firefly

Firefly

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

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

Отправлено 11 Август 2015 - 13:37

Просмотр сообщенияigrugha (11 Август 2015 - 11:08) писал:

Спасибо за столь быстрый ответ. Все получилось!
Вопрос по слайду: Когда я изменил его ширину в main.js высота автоматически поменялась. Я нашел такой код
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 970px; overflow: hidden;z-index:1;}
Где параметр height поменял на 970(было 570), визуально блок стал больше. Я сделал яркую картинку, чтобы можно было понять как располагается она внутри блока. Как видите, она автоматически становится так, что по краям и снизу остается место. Стандартные картинки имеют такой же вид.
Вопрос: как правильно сделать блок со слайдерами ВЫШЕ(как в настоящий момент), но чтобы картинка разместилась на всю ширину? И какой размер в пикселях у нее будет? Спасибо.

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

#5 igrugha

igrugha

    Новичок

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

Отправлено 11 Август 2015 - 16:36

Просмотр сообщенияFirefly (11 Август 2015 - 13:37) писал:

К сожалению, реализовать данные действия со слайдером не представляется возможным, так как это повлияет на адаптивность шаблона.
Спасибо за ответ.




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

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