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


Слайдер, Меню, Фон, Корзина И Поиск

слайдер меню фон корзина поиск

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

#1 Zagadaika

Zagadaika

    Продвинутый пользователь

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

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

Здравствуйте! Нужна помощь!
1. Переместить корзину над панелью поиска
2. Переместить Поиск (Само название) в панель поиска, и изменить цвет написания на белый.
3. Увеличить размер слайдера (можно ли сделать так что бы он зависил от размера изображения?)
4. Каталог спустить под слайдер.
5. И не почему то не могу поставить фон.
Безымянный.png

#2 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияZagadaika (31 Август 2014 - 04:17) писал:

Здравствуйте! Нужна помощь!
1. Переместить корзину над панелью поиска
2. Переместить Поиск (Само название) в панель поиска, и изменить цвет написания на белый.
3. Увеличить размер слайдера (можно ли сделать так что бы он зависил от размера изображения?)
4. Каталог спустить под слайдер.
5. И не почему то не могу поставить фон.
Прикрепленный файл Безымянный.png
Здравствуйте.
2)
в main.css
#search .search_box {
background: none;
border: none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding: 0px;
padding-left: 14px;
padding-top: 8px;
}
измените на
#search .search_box {
background: none;
border: none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding: 0px;
padding-left: 14px;
padding-top: 38px;
}
1)
в main.css
#cartInfo {
position: absolute;
font-size: 13px;
top: 54px;
left: 380px;
white-space: nowrap;
overflow: hidden;
height: 20px;
width: 340px;
}
измените на
#cartInfo {
position: absolute;
font-size: 13px;
top: 54px;
left: 660px;
white-space: nowrap;
overflow: hidden;
height: 20px;
width: 340px;
}
3)К сожалению данное действе сделать нельзя, в данном случие картинка зависит от размера слайдера. Уточните на скриншоте насколько нужно увеличить слайдер.
4) После того как уточните размер слайдера, можно будет опустить каталог.
5) Уточните что вы хотите сделать с фоном (поменять цвет, установить картинку и т.д.)?

#3 Zagadaika

Zagadaika

    Продвинутый пользователь

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

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

Просмотр сообщенияbatta (31 Август 2014 - 07:42) писал:

Здравствуйте.
2)
в main.css
#search .search_box {
background: none;
border: none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding: 0px;
padding-left: 14px;
padding-top: 8px;
}
измените на
#search .search_box {
background: none;
border: none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding: 0px;
padding-left: 14px;
padding-top: 38px;
}
1)
в main.css
#cartInfo {
position: absolute;
font-size: 13px;
top: 54px;
left: 380px;
white-space: nowrap;
overflow: hidden;
height: 20px;
width: 340px;
}
измените на
#cartInfo {
position: absolute;
font-size: 13px;
top: 54px;
left: 660px;
white-space: nowrap;
overflow: hidden;
height: 20px;
width: 340px;
}
3)К сожалению данное действе сделать нельзя, в данном случие картинка зависит от размера слайдера. Уточните на скриншоте насколько нужно увеличить слайдер.
4) После того как уточните размер слайдера, можно будет опустить каталог.
5) Уточните что вы хотите сделать с фоном (поменять цвет, установить картинку и т.д.)?

1, 2 получилось. (Как поменять цвет шрифта поиска?) Спасибо.

3) Размер слайдера 900х300.
5) Хочу поставить картинку

#4 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 31 Август 2014 - 12:50

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

1, 2 получилось. (Как поменять цвет шрифта поиска?) Спасибо.

3) Размер слайдера 900х300.
5) Хочу поставить картинку


3)
В шаблоне HTML
<!-- контент -->
	 <div class="container" id="cpages">
		 <div class="content_page">
			 <table>
				 <tr>
					 <td class="content_catalog cont250">
					 <!-- Каталог -->
						 <div class="pad-box">
							 <ul class="leftmenu">
								 <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
									 <ul>
									 {%IFNOT catalog_empty %}
										 {% FOR catalog %}
											 {% IFNOT catalog.HIDE %}
												 <li class="cat-item">
													 <a href="{catalog.URL}"
														 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
														 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
													 >{catalog.NAME}</a>
												 </li>
											 {% ENDIF %}
										 {% ENDFOR %}
									 {% ENDIF %}
									 </ul><br />
								 </li>
								 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
измените на
<!-- контент -->
	 <div class="container" id="cpages">
		 <div class="content_page">
		 <!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<a href="/"><img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}
			 <table>
				 <tr>
					 <td class="content_catalog cont250">
					 <!-- Каталог -->
						 <div class="pad-box">
							 <ul class="leftmenu">
								 <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
									 <ul>
									 {%IFNOT catalog_empty %}
										 {% FOR catalog %}
											 {% IFNOT catalog.HIDE %}
												 <li class="cat-item">
													 <a href="{catalog.URL}"
														 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
														 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
													 >{catalog.NAME}</a>
												 </li>
											 {% ENDIF %}
										 {% ENDFOR %}
									 {% ENDIF %}
									 </ul><br />
								 </li>
								 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
после этого удалите второй
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em 1em 0em 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<a href="/"><img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
			

В main.css
#wrapper {
background-color: #fff;
padding-bottom: 10px;
}
измените на
#wrapper {
background: url({ASSETS_IMAGES_PATH}byka.png);
padding-bottom: 10px;
}
В вашем бэк офисе зайдите в раздел Сайт-- Редактор Шаблонов-- Добавить файл-- после этого переименуйте название картинки в buka.

#5 Zagadaika

Zagadaika

    Продвинутый пользователь

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

Отправлено 31 Август 2014 - 13:48

Вот что получается после установки фона и я думаю при другом разрешении будет отображаться некорректно.
Безымянный2.png

Код слайдера не устанавливается, ошибка.
Безымянный3.jpg

#6 Zagadaika

Zagadaika

    Продвинутый пользователь

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

Отправлено 01 Сентябрь 2014 - 13:38

???

#7 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 01 Сентябрь 2014 - 14:05

Просмотр сообщенияZagadaika (01 Сентябрь 2014 - 13:38) писал:

???
в main.css
#wrapper {
	background: url({ASSETS_IMAGES_PATH}FON.jpg);
  padding-bottom: 10px;
измените на
#wrapper {
padding-bottom: 10px;
background-color: #fff;
}

в main.css
body {
  background-color: #212121;
  min-width: 960px;
}
измените на
body {
  background: url({ASSETS_IMAGES_PATH}FON.jpg);
  min-width: 960px;
}


#8 Zagadaika

Zagadaika

    Продвинутый пользователь

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

Отправлено 01 Сентябрь 2014 - 14:09

Просмотр сообщенияbatta (01 Сентябрь 2014 - 14:05) писал:

в main.css
#wrapper {
background: url({ASSETS_IMAGES_PATH}FON.jpg);
padding-bottom: 10px;
измените на
#wrapper {
padding-bottom: 10px;
background-color: #fff;
}

в main.css
body {
background-color: #212121;
min-width: 960px;
}
измените на
body {
background: url({ASSETS_IMAGES_PATH}FON.jpg);
min-width: 960px;
}
Теперь фон вниз скатился.

#9 MikDark

MikDark

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

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

Отправлено 01 Сентябрь 2014 - 14:28

Просмотр сообщенияZagadaika (01 Сентябрь 2014 - 14:09) писал:

Теперь фон вниз скатился.

Из кода:
#wrapper {
padding-bottom: 10px;
background-color: #fff;
}

уберите background-color: #fff;

Но шапка все-равно останется белой, там подключено другое фоновое изображение Контакты3.png

#10 Zagadaika

Zagadaika

    Продвинутый пользователь

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

Отправлено 01 Сентябрь 2014 - 16:37

Просмотр сообщенияMikDark (01 Сентябрь 2014 - 14:28) писал:

Из кода:
#wrapper {
padding-bottom: 10px;
background-color: #fff;
}

уберите background-color: #fff;

Но шапка все-равно останется белой, там подключено другое фоновое изображение Контакты3.png
Хорошо. Как быть с слайдером?

#11 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 01 Сентябрь 2014 - 16:43

Просмотр сообщенияZagadaika (01 Сентябрь 2014 - 16:37) писал:

Хорошо. Как быть с слайдером?
По поводу слайдера в сообщении №4 отредактировали код, используйте его только связанный с HTML.

#12 Zagadaika

Zagadaika

    Продвинутый пользователь

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

Отправлено 01 Сентябрь 2014 - 17:24

Просмотр сообщенияbatta (01 Сентябрь 2014 - 16:43) писал:

По поводу слайдера в сообщении №4 отредактировали код, используйте его только связанный с HTML.
Та же самая ошибка

#13 Vaccina

Vaccina

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

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

Отправлено 02 Сентябрь 2014 - 02:50

В шаблоне HTML найдите код своего слайдера:
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:  1em 1em 0em 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<a href="/"><img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}
перенесите его поставив после:
<div class="container" id="cpages">
		  <div class="content_page">


#14 Zagadaika

Zagadaika

    Продвинутый пользователь

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

Отправлено 06 Сентябрь 2014 - 19:50

Просмотр сообщенияVaccina (02 Сентябрь 2014 - 02:50) писал:

В шаблоне HTML найдите код своего слайдера:
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em 1em 0em 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<a href="/"><img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
<img src="http://clif.storeland.net/toystory2.jpg?6783" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}
перенесите его поставив после:
<div class="container" id="cpages">
		 <div class="content_page">
Спасибо! Все получилось!





Темы с аналогичным тегами слайдер, меню, фон, корзина, поиск

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

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