Отключен JavaScript

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

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

Автор Zagadaika, 31 Aug 2014 04:17

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

Авторизуйтесь для ответа в теме

Сообщений в теме: 13

#1 Zagadaika

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

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

Отправлено 31 August 2014 - 04:17

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

Наверх

#2 batta

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

Пользователи
1142 сообщений

ГородНижний Новгород

Отправлено 31 August 2014 - 07:42

Zagadaika (31 August 2014 - 04:17) писал:

Безымянный.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

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

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

Отправлено 31 August 2014 - 11:14

batta (31 August 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;
}

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

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

Наверх

#4 batta

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

Пользователи
1142 сообщений

ГородНижний Новгород

Отправлено 31 August 2014 - 12:50

Zagadaika (31 August 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

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

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

Отправлено 31 August 2014 - 13:48

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

Код слайдера не устанавливается, ошибка.

Наверх

#6 Zagadaika

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

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

Отправлено 01 September 2014 - 13:38

???

Наверх

#7 batta

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

Пользователи
1142 сообщений

ГородНижний Новгород

Отправлено 01 September 2014 - 14:05

Zagadaika (01 September 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

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

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

Отправлено 01 September 2014 - 14:09

batta (01 September 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

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

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

Отправлено 01 September 2014 - 14:28

Zagadaika (01 September 2014 - 14:09) писал:

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

Из кода:

#wrapper {
padding-bottom: 10px;
background-color: #fff;
}

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

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

Наверх

#10 Zagadaika

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

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

Отправлено 01 September 2014 - 16:37

MikDark (01 September 2014 - 14:28) писал:

Из кода:

#wrapper {
padding-bottom: 10px;
background-color: #fff;
}

Хорошо. Как быть с слайдером?

Наверх

#11 batta

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

Пользователи
1142 сообщений

ГородНижний Новгород

Отправлено 01 September 2014 - 16:43

Zagadaika (01 September 2014 - 16:37) писал:

Хорошо. Как быть с слайдером?

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

Наверх

#12 Zagadaika

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

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

Отправлено 01 September 2014 - 17:24

batta (01 September 2014 - 16:43) писал:

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

Та же самая ошибка

Наверх

#13 Vaccina

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

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

Отправлено 02 September 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

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

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

Отправлено 06 September 2014 - 19:50

Vaccina (02 September 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">

Спасибо! Все получилось!

Наверх

Обратно в Изменение общей стилистики

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

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Бистро → Корзина → Добавление В Корзину С Внешней Стороны Автор Гость_javaca_* , 16 Jun 2023 корзина	0 Ответов 726 Просмотров	javaca 16 Jun 2023
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Страница товара → Добавить Название Модификации При Добавлении В Корзину Автор Гость_like.hornet.6_* , 09 Jun 2022 модификация, корзина	4 Ответов 1176 Просмотров	like.hornet.6 10 Jun 2022
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Корзина → Восстановить Корзину Автор Гость_alexfeb27_* , 20 Dec 2021 корзина	4 Ответов 981 Просмотров	admin 03 Aug 2022
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сказка → Главная → Убираем Цветной Баннер На Слайдере Автор Гость_Foxis_10_* , 17 Feb 2021 слайдер	0 Ответов 1013 Просмотров	Foxis_10 17 Feb 2021
Повышение продаж, продвижение → SEO → Страницы В Поиске Автор Гость_NykRym_* , 28 Jan 2021 поиск, SEO	1 Ответ 1327 Просмотров	Vaccina 28 Jan 2021

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

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

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

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

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

Войти

Google поиск