Изменение Цветовой Схемы Шаблона "вечность"

Здравствуйте.
Интересует изменение цветовой схемы сайта, тема "Вечность".
Для наглядности привожу фото того, что есть и того, что нужно.
Сейчас:

Нужно:

В местах, обозначенных цифрами, мне нужно знать, где находятся параметры цвета (в том числе цветов текста).
Необходимо также:
- заменить изображение "Хиты продаж",
- убрать надпись "Оставить отзыв" (желательно написать, как вообще удалить эту опцию с сайта),
- после удаления надписи хотелось бы чуть поднять товары,
- и последнее- как вывести акции на главную страницу.
Прошу прощения за такой объём моего непонимания, но я и так стараюсь задавать вопросы лишь в саамых крайних случаях.
Если ответы есть в других темах- буду рад ссылкам.

Заранее благодарю за любую полезную информацию.

P.S. SL-256931.

Изменение цвета фона под номером четыре на скриншоте и расположение ленты "Хиты продаж", кроме текста надписи, уже нашёл )

Для удаления ленты достаточно удалить в style.css этот код:

/* Ленточки на главной странице */
section.newsletter {background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%;font: normal 16px 'Lobster'; color: #fff;}
section.newsletter:before {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-right: 1.75em solid #f6f6f4;right: 0;}
section.newsletter:after {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-left: 1.75em solid #f6f6f4;left: 0;}
section.newsletter:before, section.newsletter:after {content: ""; position: absolute; display: block; bottom: 0; width: 0; height: 0;}
section.newsletter h3 {color: #fff; float: left; line-height: 1; margin-right: 1em;}
section.newsletter h3 b {font-size:1.13em;}
section.newsletter div {margin: 0 auto; width: 95%; text-align: center;}

Цвет полоски каталога меняется в style.css изменением значения background в следующем коде:

/* Основная навигация. Каталог товаров */

.ie7 .nav, .ie7 .conta { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
.nav a {*zoom: 1;}
.conta {position: relative;width: 100%;max-width: 1280px;margin: 20px auto;z-index:30;}
.toggleMenu {display: none;background: #666;padding: 10px 15px;color: #fff;}
.nav {list-style: none;*zoom: 1;background:#2c2c2c /*цвет полоски каталога*/;z-index:30;position: relative;}
.nav:before,.nav:after {content: " ";display: table;}

Нужный элемент подписан как /*цвет полоски каталога*/  )

ConstantinRS (14 Декабрь 2013 - 23:03) писал:

Отзывы можно выключить в Настройках Основных.

Акции можно добавить через пункт меню.

miyako (15 Декабрь 2013 - 09:09) писал:

Про акции - добавить их и просмотреть на сайте я могу. Я не нашёл, каким образом их вывести на главную страницу подобно "хитам продаж".

Про отзывы- большое спасибо, но, к сожалению, отключение их в основных настройках по факту на сайте их не отключает..
То есть, отключает, но сам кликабельный пункт "Оставить отзыв первым" под товаром остаётся )



P.S. Кнопочку "Сохранить" нажать я не забыл )

style.css:
- фон подвала:

footer {
	background: none repeat scroll 0 0 #0F0F0F;
	clear: both;
	color: #E6E4DA;
	overflow: hidden;
	padding: 1.5em 0;
	width: 100%;
}

- фон верхнего меню:

.global {
	background: none repeat scroll 0 0 #000000;
	padding: 10px;
}

- фон кнопки заказать:

.buy-item button {
	background: url("http://orossy.storeland.net/icons.png") no-repeat scroll 10% -552px #13AF13;
	border: medium none;
	color: #FFFFFF;
	display: inline-block;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1;
	margin: auto;
	overflow: visible;
	padding: 0.714em 1em 0.714em 2.5em;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	width: auto;
}

Акции, к сожалению, нельзя вывести на главную.

На счет отзывов, в HTML и в шаблоне Товары найдите и удалите:

<div class="rating">
				<!-- Среднее значение по результатам всех отзывов об этом товаре -->
				{% IF index_page_goods.OPINION_RATING_VALUE %}
				  <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
				{% ENDIF %}
			   
				{% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %}
				  <a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a>
				{% ELSE %}
				  <a href="{index_page_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
				{% ENDIF %}
			  </div>

Переменные  как index_page_goods могут отличаться, но структура одинакова

Большое спасибо, всё помогло. Как мог, доработал до текущего уровня, но возникло ещё несколько вопросов.
Что есть:

Что требуется:

По порядку:
1."Поиск" должен выглядеть, как в теме "Техника".
2."Корзину" вида: "изображение, сумма, изображение." без всяких изменений цвета при наведении, открываний подменю, просто кликабельная корзина, выглядящая, как на рисунке "Что требуется".
3.Каким образом заменить меню фон меню каталога на изображение.
4.Каким образом заменить кнопку "заказать" на изображение и убрать окошко с количеством товара
5.Как убрать надпись "ювелирный магазин Tino Rossy"(слева внизу на изображении "Что есть")? Никак не могу вспомнить, где её добавил- всё уже обыскал.. )

SL-256931

1.В style.css найдите:

form[role="search"] input[type="submit"], input#search-submit {
	background: none repeat scroll 0 0 #404040;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17) inset;
	height: 2.833em;
	line-height: 1;
	margin: 0;
	padding: 0 0.833em;
	position: absolute;
	right: 0;
	z-index: 2;
}

измените значение background для кнопки поиска
Далее в HTML найдите:

<input title="Искать" type="submit" value="Поиск" />

Замените на:

<input title="Искать" type="submit" value="" />

2. В HTML найдите и удалите:

<div class="summary">
		  <a href="{CART_URL}"><strong>{% IF cart_count_empty %}
			<span>0</span>
			{% ELSE %}
			  {CART_COUNT_TOTAL}
			{% ENDIF %}</strong> товаров в корзине</a>
		</div>
		<div class="basket-summary">
		  <table  {% IF cart_count_empty %}style="display: none;"{% ENDIF %}>
			<tbody>
			  <tr>
				<td>Сумма заказа:</td>
				<td>
					{% IF cart_count_empty %}
					  <span>0</span> {CURRENCY_NAME}
					{% ELSE %}
					  {% FOR cart_sum %}
						{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
					  {% ENDFOR %}
					{% ENDIF %}
				</td>
			  </tr>
			</tbody>
		  </table>
		  {% IF cart_count_empty %}
			<p>Ваша корзина пуста</p>
		  {% ENDIF %}
		</div>

Замените на:

<div class="summary">
		  <a href="{CART_URL}">
			   <img src="ссылка на картинку" alt="" />
			   {% IF cart_count_empty %}
					  <span>0</span>
					{% ELSE %}
					  {% FOR cart_sum %}
						{cart_sum.NOW_WITH_DISCOUNT}<br />
					  {% ENDFOR %}
					{% ENDIF %}
					<img src="ссылка на картинку" alt="" />
		</div>

3.В style.css найдите:

.nav {
background: #FFD700;
list-style: none outside none;
position: relative;
z-index: 30;
}

измените значение background

4. В style.css найдите:

.buy-item button {
background: url("http://orossy.storeland.net/icons.png") 10% -552px no-repeat #13AF13;
border: medium none currentColor;
color: #FFFFFF;
display: inline-block;
font-size: 100%;
font-weight: 400;
letter-spacing: 1px;
line-height: 1;
margin: auto;
overflow: visible;
padding: 0.71em 1em 0.71em 2.5em;
text-align: center;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.196);
text-transform: uppercase;
width: auto;
}

измените значение background
5. Сайт - Главная страница - убрать выбранную страницу, чтобы вообще не выбрана никакая не была.

По отображению корзины.
1.Сразу после изменений в файле "HTML" пропал логотип.
2.Пустая корзина выглядит отлично - , но при покупке товара отображается старая версия , а при наведении , когда перезагружаешь страницу - .
Кэш браузера очищал. Ну и перенос второго изображения огорчает.
3. Кстати, когда из корзины переходишь на главную, видишь:

То есть,  "популярных товаров" нет, да ещё и эта чудо надпись, которая в других ситуациях не отображается.. )

SL-256931

Найдите в шаблоне "HTML" код

<!-- Корзина -->
	  <div class="basket-info">
	   
		<div class="summary">
				  <a href="{CART_URL}">
						   <img src="http://st.storeland.net/2/902/520/korzina.png" alt="" />
						   {% IF cart_count_empty %}
										  <span>0</span>
										{% ELSE %}
										  {% FOR cart_sum %}
												{cart_sum.NOW_WITH_DISCOUNT}<br />
										  {% ENDFOR %}
										{% ENDIF %}
										<img src="http://st.storeland.net/2/902/521/rubl_.png" alt="" />
				</div>
	   
	  </div>
	  <!-- end Корзина -->

и замените его на

<!-- Корзина -->
	  <div class="basket-info">
	   
		<div class="summary">
				  <a href="{CART_URL}">
						   <img src="http://st.storeland.net/2/902/520/korzina.png" alt="" />
						   {% IF cart_count_empty %}
										  <span>0</span>
										{% ELSE %}
										  {% FOR cart_sum %}
												{cart_sum.NOW_WITH_DISCOUNT}
										  {% ENDFOR %}
										{% ENDIF %}
										<img src="http://st.storeland.net/2/902/521/rubl_.png" alt="" /></a>
				</div>
	   
	  </div>
	  <!-- end Корзина -->

Далее найдите в шаблоне "Быстрый заказ" код

<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
  <div class="summary">
	<a href="{CART_URL}"><strong>{% IF cart_count_empty %}
	  <span>0</span>
	  {% ELSE %}
		{CART_COUNT_TOTAL}
	  {% ENDIF %}</strong> товаров в корзине</a>
  </div>
  <div class="basket-summary">
	<table  {% IF cart_count_empty %}style="display: none;"{% ENDIF %}>
	  <tbody>
		<tr>
		  <td>Сумма заказа:</td>
		  <td>
			  {% IF cart_count_empty %}
				<span>0</span> {CURRENCY_NAME}
			  {% ELSE %}
				{% FOR cart_sum %}
				  {cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
				{% ENDFOR %}
			  {% ENDIF %}
		  </td>
		</tr>
	  </tbody>
	</table>
	{% IF cart_count_empty %}
	  <p>Ваша корзина пуста</p>
	{% ENDIF %}
  </div>
</div>
<!-- JS обновление данных корзины -->

и замените его на

<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
   <div class="summary">
				  <a href="{CART_URL}">
						   <img src="http://st.storeland.net/2/902/520/korzina.png" alt="" />
						   {% IF cart_count_empty %}
										  <span>0</span>
										{% ELSE %}
										  {% FOR cart_sum %}
												{cart_sum.NOW_WITH_DISCOUNT}
										  {% ENDFOR %}
										{% ENDIF %}
										<img src="http://st.storeland.net/2/902/521/rubl_.png" alt="" /></a>
				</div>
</div>
<!-- JS обновление данных корзины -->

Cake, спасибо, всё помогло.

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

Сейчас страница выглядит так:

Серая область вокруг корзины- это участок, который она фактически занимает. То есть в этой области нельзя разместить "поиск", а, если "корзину" разместить в центре- она закрывает логотип..
Вопросы:
1.Как уменьшить область, занимаемую "корзиной"?
2.Как изменить вид поиска, чтобы он выглядел так:

Только вид. Переместить, наверное, сам смогу )
3.Случайно удалил главную страницу.. То есть фактически-то она существует по адресу сайта и "хиты продаж" на неё можно добавить, но ссылки сверху на неё нет и в разделе "страницы" её тоже нет. Как можно добавить этот пункт "главная" сверху?

SL-256931

Не забудьте сделать бэкап шаблона перед изменениями.

ConstantinRS (28 Декабрь 2013 - 09:48) писал:

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

summary a {color: #000/*цвет корзины*/;font-size:25px; background: #fff/*нужный цвет*/;padding: 5.75em 0em 0.8em; position: absolute; right: 0; top: -4em; display: block; text-align: center; width: 13.333em;}

если вы хотите уменьшить, то изменяйте параметр width, например поставьте вместо 13.333em 7.333em

Чтобы уменьшить строку поиска там же найдите блок кода:

form[role="search"] input[type="search"], input#search-field, .search {vertical-align: middle;-webkit-appearance: textfield;-webkit-box-sizing:content-box;border: none;width: 81% !important;height: 2.429em;font-size: 1.167em;color: #8a8a8a;position: absolute;z-index: 1;padding: 0 0.417em;margin: 0;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);}

меняем его на

form[role="search"] input[type="search"], input#search-field, .search {vertical-align: middle;-webkit-appearance: textfield;-webkit-box-sizing:content-box;border: none;width: 50% !important;height: 2.429em;font-size: 1.167em;color: #8a8a8a;position: absolute;z-index: 1;padding: 0 0.417em;margin: 0;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);}

далее двигаем кнопку "поиск" ближе к полю, для этого найдите данный блок кода в main.css:

form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}

замените его на

form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 75px;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}

чтобы выставить поиск как на скриншоте нужно найти данный блок кода :

form[role="search"] {position: absolute; right: 30em;top: 0em;}

и заменить его на

form[role="search"] {position: absolute; right: -6em;top: 6em;}

далее двигаем корзину, найдите данный блок кода

.summary a {color: #000/*цвет корзины*/;font-size:25px; background: #fff/*нужный цвет*/;padding: 5.75em 0em 0.8em; position: absolute; right: 0; top: -4em; display: block; text-align: center; width: 13.333em;}

и замените его на

.summary a {color: #000/*цвет корзины*/;font-size:25px; background: #fff/*нужный цвет*/;padding: 5.75em 0em 0.8em; position: absolute; right: 295px; top: -3em; display: block; text-align: center; width: 13.333em;}

Если кому интересно- тема с корзиной переехала сюда:
http://forum.storela...-окне-браузера/

И снова здравствуйте )

Интересуют следующие вопросы:

1. Где можно изменить параметр цвета этого фона (простите, не знаю, как его назвать):



2. Так и не смог разобраться с заменой кнопок на изображения.. Но теперь это уже не актуально, сейчас мне достаточно
изменить их цвет:



3. Если не сложно, посмотрите, пожалуйста, что значат ошибки в строках файла style.css:
99, 130, 483, 632, 689, 690, 812.
Большинство этих строй я даже не трогал.

    SL-256931

ConstantinRS (04 Январь 2014 - 15:27) писал:

1) в style.css замените:

body {
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-size: 75%;
line-height: 1.5em;
font-family: 'Lato', Calibri, Arial, sans-serif;
height: 100%;
color: red;
text-align: left;
}

на

body {
background: yellow;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-size: 75%;
line-height: 1.5em;
font-family: 'Lato', Calibri, Arial, sans-serif;
height: 100%;
color: red;
text-align: left;
}

в строке

background: yellow;

задайте цвет фона
2) Цвет кнопок можно изменить в style.css в блоке:

.buy-item button {
width: auto;
overflow: visible;
padding: 0.714em 1em 0.714em 2.5em;
background: url("http://orossy.storeland.net/icons.png") no-repeat scroll 10% -552px #13AF13;
color: #fff;
font-size: 100%;
margin: 0 1em 0 0;
border: none;
font-weight: normal;
margin: auto;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
display: inline-block;
text-align: center;
}

в строке:

background: url("http://orossy.storeland.net/icons.png") no-repeat scroll 10% -552px #13AF13;

вместо

#13AF13

напишите другой цвет

Спасибо. Изменение цвета кнопок во всплывающем при покупке окне нашёл сам.

input[type="submit"], button.submit,input[type="reset"]
{background: #[color=#282828][size=2][background=rgb(248, 248, 248)]13AF13[/background][/size][/color][size=4];[/size]
color: #fff;
letter-spacing: 1px;
padding: 0.6em;text-transform: uppercase;
font-weight: bold;line-height: 1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
display: block;text-align: center;border: none;}

Заменяется также параметр в background, в данном случае- 13AF13, если кому-то интересно.

Здравствуйте, подскажите пожалуйста, как изменить цветовую схему сайта, Пластик)
Хочу поставить песочный цвет)
Создать блок новостей в правой части, и туда же перенести, блок сравнения товара))

заранее спасибо за ответ!))

аккаунт - x26054

Павел1896 (15 Май 2014 - 14:28) писал:

Здравствуйте, цвет блоков Каталог, Корзина, Вы смотрели Вы можете поменять найдя в main.css

	#left .block .bluesmall, #right .block .bluesmall { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) no-repeat; height:28px; padding:9px 0 0 20px; }

#left .block .bluelarge, #right .block .bluelarge { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px; }

заменяете значение  background:#567845 на нужный  Вам цвет
Вернее состоит из картинок