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


Изменение Размера Слайдера

размеры слайдера

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

#1 Sergey1988

Sergey1988

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

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

Отправлено 28 Август 2018 - 05:49

Добрый день!
Подскажите пожалуйста по следующим пунктам.:Scrin.png
  • Уменьшить расстояние между логотипом и горизонтальным меню каталога
  • Увеличить рабочую зону меню каталога(сейчас при добавлении еще одной категории товаров,она переносится на новую строку)
  • Изменить размер слайдера


#2 stasia

stasia

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

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

Отправлено 28 Август 2018 - 11:49

Просмотр сообщенияSergey1988 (28 Август 2018 - 05:49) писал:

Добрый день!
Подскажите пожалуйста по следующим пунктам.:Прикрепленный файл Scrin.png
  • Уменьшить расстояние между логотипом и горизонтальным меню каталога

  • Увеличить рабочую зону меню каталога(сейчас при добавлении еще одной категории товаров,она переносится на новую строку)

  • Изменить размер слайдера


Здравствуйте. Зайдите в Редактор шаблонов - HTML и найдите код:

<div id="logo" class="col-sm-4 col-xs-12">
			  <a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">
				<img src="{ASSETS_IMAGES_PATH}logo.png?design=azure" alt="{SETTINGS_STORE_NAME}">
							  </a>
			</div>

И скопируйте его и удалите. Найдите код:

<div id="menu" class="wrap">
<div class="inner">
<div class="container">
<div class="row">

И сразу после него вставьте ранее скопированный текст.

Зайдите в шаблон main.css и найдите там код:

#header .header-right {display: block;float: left;}

Замените его на:

#header .header-right {display: block;float: right;}


Найдите данный код:

@media all and (min-width: 992px) {
.container {width: 970px;}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}

Замените на:

@media all and (min-width: 992px) {
.container {width: 970px;}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:89%}


#3 Sergey1988

Sergey1988

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

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

Отправлено 28 Август 2018 - 17:47

Просмотр сообщенияstasia (28 Август 2018 - 11:49) писал:

Здравствуйте. Зайдите в Редактор шаблонов - HTML и найдите код:

<div id="logo" class="col-sm-4 col-xs-12">
			 <a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">
				<img src="{ASSETS_IMAGES_PATH}logo.png?design=azure" alt="{SETTINGS_STORE_NAME}">
							 </a>
			</div>

И скопируйте его и удалите. Найдите код:

<div id="menu" class="wrap">
<div class="inner">
<div class="container">
<div class="row">

И сразу после него вставьте ранее скопированный текст.

Зайдите в шаблон main.css и найдите там код:

#header .header-right {display: block;float: left;}

Замените его на:

#header .header-right {display: block;float: right;}


Найдите данный код:

@media all and (min-width: 992px) {
.container {width: 970px;}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}

Замените на:

@media all and (min-width: 992px) {
.container {width: 970px;}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:89%}

не помогло абсолютно,а наоборот,бардак в шапке

#4 RayLi

RayLi

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

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

Отправлено 29 Август 2018 - 09:30

Просмотр сообщенияSergey1988 (28 Август 2018 - 17:47) писал:

не помогло абсолютно,а наоборот,бардак в шапке

Здравствуйте.
К сожалению, на данный момент мы не видим каких-либо произведённых Вами последний изменений.
Просьба повторить их и сообщить об этом нам, чтобы мы могли продолжить работу над Вашим сайтом.

#5 Sergey1988

Sergey1988

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

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

Отправлено 29 Август 2018 - 13:10

Просмотр сообщенияRayLi (29 Август 2018 - 09:30) писал:

Здравствуйте.
К сожалению, на данный момент мы не видим каких-либо произведённых Вами последний изменений.
Просьба повторить их и сообщить об этом нам, чтобы мы могли продолжить работу над Вашим сайтом.
Добрый день,действительно,я бэкапом воспользовался,сейчас проделал все заново как изложено выше

#6 RayLi

RayLi

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

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

Отправлено 29 Август 2018 - 13:18

Просмотр сообщенияSergey1988 (29 Август 2018 - 13:10) писал:

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

К сожалению у Вас пока всё так же не выполнена следующая часть:

Цитата

Зайдите в Редактор шаблонов - HTML и найдите код:

<div id="logo" class="col-sm-4 col-xs-12">
						 <a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">
								<img src="{ASSETS_IMAGES_PATH}logo.png?design=azure" alt="{SETTINGS_STORE_NAME}">
														 </a>
						</div>

И скопируйте его и удалите. Найдите код:

<div id="menu" class="wrap">
<div class="inner">
<div class="container">
<div class="row">

И сразу после него вставьте ранее скопированный текст.


#7 Sergey1988

Sergey1988

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

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

Отправлено 29 Август 2018 - 13:44

Просмотр сообщенияRayLi (29 Август 2018 - 13:18) писал:

К сожалению у Вас пока всё так же не выполнена следующая часть:
Сорри,забыл сохранить изменения

Просмотр сообщенияSergey1988 (29 Август 2018 - 13:40) писал:

Сорри,забыл сохранить изменения
Кстати сейчас заметил,что при изменении разрешения экрана значки корзины и сравнения уезжают за экран :unsure:

#8 Sergey1988

Sergey1988

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

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

Отправлено 29 Август 2018 - 15:05

Просмотр сообщенияRayLi (29 Август 2018 - 13:18) писал:

К сожалению у Вас пока всё так же не выполнена следующая часть:
Все сделано

#9 Sergey1988

Sergey1988

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

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

Отправлено 30 Август 2018 - 14:16

Просмотр сообщенияRayLi (29 Август 2018 - 13:18) писал:

К сожалению у Вас пока всё так же не выполнена следующая часть:
все изменения выполнил и сохранил

#10 stasia

stasia

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

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

Отправлено 30 Август 2018 - 14:59

Просмотр сообщенияSergey1988 (30 Август 2018 - 14:16) писал:

все изменения выполнил и сохранил

Здравствуйте. Зайдите в шаблон main.css и найдите данный код:

#menu .nav-right {text-align: right;float:right;right:-150px;margin-top:-45px;}

Замените на:

#menu .nav-right {text-align: right;float:right;position: absolute;right:-150px;margin-top:-45px;}


Найдите код:

#custommenu ul.mainnav li.level0 {display:block;float:left;border: 1px;position: relative;text-align: left;padding: 21px 0px 21px 0px;position: relative;}

Замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: 1px;position: relative;text-align: left;padding: 1px 0px 21px 0px;position: relative;}


Найдите:
#header {
	position: relative;
}


Измените на:
#header {
	position: relative;
	padding: 1px 0 1px;
}


Найдите данный код:
body {
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #ffffff;
	color: #909090;
	overflow-x: hidden;
	position: relative;
}
И замените его на:
body {
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 28px;
	background-color: #ffffff;
	color: #909090;
	overflow-x: hidden;
	position: relative;
}


Найдите код:
.col-md-10 {
	width: 89%;
}

И замените на:
.col-md-10 {
	width: 65%;
}


#11 Sergey1988

Sergey1988

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

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

Отправлено 31 Август 2018 - 04:45

Просмотр сообщенияstasia (30 Август 2018 - 14:59) писал:

Здравствуйте. Зайдите в шаблон main.css и найдите данный код:

#menu .nav-right {text-align: right;float:right;right:-150px;margin-top:-45px;}

Замените на:

#menu .nav-right {text-align: right;float:right;position: absolute;right:-150px;margin-top:-45px;}


Найдите код:

#custommenu ul.mainnav li.level0 {display:block;float:left;border: 1px;position: relative;text-align: left;padding: 21px 0px 21px 0px;position: relative;}

Замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: 1px;position: relative;text-align: left;padding: 1px 0px 21px 0px;position: relative;}


Найдите:
#header {
position: relative;
}


Измените на:
#header {
position: relative;
padding: 1px 0 1px;
}


Найдите данный код:
body {
margin: 0;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 20px;
background-color: #ffffff;
color: #909090;
overflow-x: hidden;
position: relative;
}
И замените его на:
body {
margin: 0;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 28px;
background-color: #ffffff;
color: #909090;
overflow-x: hidden;
position: relative;
}


Найдите код:
.col-md-10 {
width: 89%;
}

И замените на:
.col-md-10 {
width: 65%;
}
Добрый день! Вот что получилось после последних измененийscrin.png
Нужно вернуть логотип выше,чтобы освободить место для меню

#12 Sergey1988

Sergey1988

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

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

Отправлено 31 Август 2018 - 05:11

Просмотр сообщенияstasia (30 Август 2018 - 14:59) писал:


Здравствуйте. Зайдите в шаблон main.css и найдите данный код:

#menu .nav-right {text-align: right;float:right;right:-150px;margin-top:-45px;}

Замените на:

#menu .nav-right {text-align: right;float:right;position: absolute;right:-150px;margin-top:-45px;}


Найдите код:

#custommenu ul.mainnav li.level0 {display:block;float:left;border: 1px;position: relative;text-align: left;padding: 21px 0px 21px 0px;position: relative;}

Замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: 1px;position: relative;text-align: left;padding: 1px 0px 21px 0px;position: relative;}


Найдите:
#header {
position: relative;
}


Измените на:
#header {
position: relative;
padding: 1px 0 1px;
}


Найдите данный код:
body {
margin: 0;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 20px;
background-color: #ffffff;
color: #909090;
overflow-x: hidden;
position: relative;
}
И замените его на:
body {
margin: 0;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 28px;
background-color: #ffffff;
color: #909090;
overflow-x: hidden;
position: relative;
}


Найдите код:
.col-md-10 {
width: 89%;
}

И замените на:
.col-md-10 {
width: 65%;
}
И до сих пор для меня актуален вопрос по изменению высоты баннеров(слайдеров)

#13 Sergey1988

Sergey1988

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

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

Отправлено 31 Август 2018 - 06:07

Просмотр сообщенияSergey1988 (31 Август 2018 - 05:11) писал:

И до сих пор для меня актуален вопрос по изменению высоты баннеров(слайдеров)
Со слайдером разобрался

#14 Sergey1988

Sergey1988

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

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

Отправлено 31 Август 2018 - 07:57

Спасибо всем за ответы,с проблемами,изложенные в этой теме справился




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

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