Отключен 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 469 сообщений

Отправлено 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 369 сообщений

Отправлено 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 → Дизайн → Шаблон Бистро → Корзина → Добавление В Корзину С Внешней Стороны Автор Гость_javaca_* , 16 июня 2023 корзина	0 Ответов 178 Просмотров	javaca 16 июня 2023
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Страница товара → Добавить Название Модификации При Добавлении В Корзину Автор Гость_like.hornet.6_* , 09 июня 2022 модификация, корзина	4 Ответов 948 Просмотров	like.hornet.6 10 июня 2022
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Корзина → Восстановить Корзину Автор Гость_alexfeb27_* , 20 дек. 2021 корзина	4 Ответов 611 Просмотров	admin 03 авг. 2022
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сказка → Главная → Убираем Цветной Баннер На Слайдере Автор Гость_Foxis_10_* , 17 февр. 2021 слайдер	0 Ответов 768 Просмотров	Foxis_10 17 февр. 2021
Повышение продаж, продвижение → SEO → Страницы В Поиске Автор Гость_NykRym_* , 28 янв. 2021 поиск, SEO	1 Ответ 1 063 Просмотров	Vaccina 28 янв. 2021

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

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

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

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

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

Войти

Google поиск