Отключен JavaScript

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

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

Автор Zagadaika, 31 авг. 2014 04:17

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

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

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

#1 Zagadaika

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

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

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

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

Наверх

#2 batta

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

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

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

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

Zagadaika (31 Август 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 Август 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;
}

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

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

Наверх

#4 batta

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

Пользователи
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

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

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

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

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

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

Наверх

#6 Zagadaika

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

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

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

???

Наверх

#7 batta

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

Пользователи
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

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

Пользователи
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

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

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

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

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

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

Из кода:

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

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

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

Наверх

#10 Zagadaika

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

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

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

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

Из кода:

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

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

Наверх

#11 batta

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

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

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

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

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

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

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

Наверх

#12 Zagadaika

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

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

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

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

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

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

Наверх

#13 Vaccina

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

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

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

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

Пользователи
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">

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

Наверх

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

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

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Корзина → Восстановить Корзину Автор Гость_alexfeb27_* , 20 дек. 2021 корзина	2 Ответов 113 Просмотров	alexfeb27 21 дек. 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сказка → Главная → Убираем Цветной Баннер На Слайдере Автор Гость_Foxis_10_* , 17 февр. 2021 слайдер	0 Ответов 564 Просмотров	Foxis_10 17 февр. 2021
Повышение продаж, продвижение → SEO → Страницы В Поиске Автор Гость_NykRym_* , 28 янв. 2021 поиск, SEO	1 Ответ 743 Просмотров	Vaccina 28 янв. 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Спорт → Главная → Вывод Окна Поиска В Шапке Под Заголовками Меню Автор Гость_metry_* , 23 янв. 2021 поиск	0 Ответов 493 Просмотров	metry 23 янв. 2021
Повышение продаж, продвижение → Общие вопросы → Сохранение Товаров В Корзине Автор Гость_Милый Мишка_* , 06 окт. 2020 Корзина, Авторизация, ЛК	1 Ответ 1 017 Просмотров	MikDark 06 окт. 2020

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

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

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

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

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

Войти

Google поиск