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

[Lesson]

Здравствуйте, подскажите как и где в css изменить цвет кнопки "в корзину" см. скрин:

[Vaccina]

Сайт - Редактор тем - main.css - за кнопку отвечает сл.код:

.whtblue, input.paymentFormTbodySubmitButton[type="submit"] {
	background: url("/web/upload/assets/images/122/121133/whtblue-nor.jpg") repeat-x scroll center top transparent;
	border: 1px solid #D0D0D0 !important;
	border-radius: 4px 4px 4px 4px;
	color: #504F4F;
	cursor: pointer;
	font: 12px Verdana,Geneva,sans-serif;
	height: 27px;
	outline: medium none;
	padding: 5px 15px;
}

нужно изменить значение background

[Kalina]

День добрый!
Я хотела поменять цвет кнопки "Купить" на оранжевый, открыла Редактор тем - main.css и не нашла там такого кода, в котором Вы указываете изменить значение background.

Помогите пожалуйста.

[Koderhan]

Kalina (11 Январь 2013 - 19:06) писал:

День добрый!
Я хотела поменять цвет кнопки "Купить" на оранжевый, открыла Редактор тем - main.css и не нашла там такого кода, в котором Вы указываете изменить значение background.

Помогите пожалуйста.

Как я понял. Вы хотите изменить кнопку "Купить" на странице товара в шаблоне "Мокко".
В файле main.css.
Добавить код:

.goodsDataFormSubmitButton input[type="submit"] {
	background-color: green;/*цвет фона*/
	border:0px solid white;/*бордюр вокруг кнопки в данный момент не отображается т.к значение 0px*/
	border-radius: 4px;/*радиус закругления угалков*/
	color: white;/*цвет текста*/
	height:20px;/*высота кнопки*/
}

[frolstep]

Vaccina (30 Октябрь 2012 - 07:48) писал:

Сайт - Редактор тем - main.css - за кнопку отвечает сл.код:

.whtblue, input.paymentFormTbodySubmitButton[type="submit"] {
background: url("/web/upload/assets/images/122/121133/whtblue-nor.jpg") repeat-x scroll center top transparent;
border: 1px solid #D0D0D0 !important;
border-radius: 4px 4px 4px 4px;
color: #504F4F;
cursor: pointer;
font: 12px Verdana,Geneva,sans-serif;
height: 27px;
outline: medium none;
padding: 5px 15px;
}

нужно изменить значение background

Я у себя такой код не нашел, но очень хочу выделить кнопку в корзину...помогите (шаблон пластик)
www.tool77.ru

[Koderhan]

Скорей всего у вас данный код был удален.
В файл "main.csstemplate".
Добавить код:

.whtblue, input.paymentFormTbodySubmitButton[type="submit"] {
background: url("{ASSETS_IMAGES_PATH}whtblue-nor.jpg") repeat-x scroll center top transparent;
border: 1px solid #D0D0D0 !important;
border-radius: 4px 4px 4px 4px;
color: #504F4F;
cursor: pointer;
font: 12px Verdana,Geneva,sans-serif;
height: 27px;
outline: medium none;
padding: 5px 15px;
}

Для того чтобы как то выделить кнопку "В корзину".
Вы можете задать индивидуальные стили для данной кнопки в файле "Товар".
Найти код:

<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></li>

Заменить:

<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#" style=" color: blue; background-color: green; " >В корзину</a></li>

[frolstep]

Поменял цвет текста в кнопке... красота...очень понравилось )))
Спасибо! Хорошего дня Вам!!!

[Belser]

Koderhan (21 Январь 2013 - 08:56) писал:

Скорей всего у вас данный код был удален.
В файл "main.csstemplate".
Добавить код:

.whtblue, input.paymentFormTbodySubmitButton[type="submit"] {
background: url("{ASSETS_IMAGES_PATH}whtblue-nor.jpg") repeat-x scroll center top transparent;
border: 1px solid #D0D0D0 !important;
border-radius: 4px 4px 4px 4px;
color: #504F4F;
cursor: pointer;
font: 12px Verdana,Geneva,sans-serif;
height: 27px;
outline: medium none;
padding: 5px 15px;
}

Для того чтобы как то выделить кнопку "В корзину".
Вы можете задать индивидуальные стили для данной кнопки в файле "Товар".
Найти код:

<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></li>

Заменить:

<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#" style=" color: blue; background-color: green; " >В корзину</a></li>

Доброго дня меняю как указано в тексте в файле Товар. Цвет текста в кнопке изменился, Видно так же что бекграунд кнопки сменился при обновлении страницы, но потом все равно заменяется на белый. И как ещё изменить цвет кнопки, который появляется при наведении на неё мыши?

[Vaccina]

Изменить цвет кнопок в товарах - отображение списком, можно в файле стилей main.css путем изменения стилей и изображения в классах

a.whtgray, button.whtgray {
	background: url("http://design.potency4you.ru/whtgray-bg.jpg") no-repeat scroll center top transparent;
	color: #3A3A3A;
	cursor: pointer;
	font: bold 12px Verdana,Geneva,sans-serif;
	height: 18px;
	margin: 0 10px 0 0;
	padding: 7px 0 6px;
	text-align: center;
	text-shadow: 0 1px 0 #FFFFFF;
	width: 138px;
}
a.whtgray:hover, button.whtgray:hover {
	background: url("http://design.potency4you.ru/whtgray-bg.jpg") no-repeat scroll center center transparent;
}
a.whtgray:active, button.whtgray:active {
	background: url("http://design.potency4you.ru/whtgray-bg.jpg") no-repeat scroll center bottom transparent;
}

изображения в классах hover и active применяют стиль при наведении и нажатии на кнопку. Для изменения кнопки в товаре - необходимо менять стили в классах

.whtblue {
	background: url("http://design.potency4you.ru/whtblue-nor.jpg") repeat-x scroll center top transparent;
	border: 1px solid #D0D0D0 !important;
	border-radius: 4px 4px 4px 4px;
	color: #504F4F;
	cursor: pointer;
	font: 12px Verdana,Geneva,sans-serif;
	height: 27px;
	outline: medium none;
	padding: 5px 15px;
}
.whtblue:hover {
	background: url("http://design.potency4you.ru/whtblue-bg.jpg") repeat scroll center top transparent;
	border: 1px solid #5FA8C4;
	color: #3E3E3E;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.whtblue:active {
	background: url("http://design.potency4you.ru/whtblue-bg.jpg") repeat scroll center bottom transparent;
	border: 1px solid #5FA8C4;
}

Для товаров в режиме таблица необходимо менять классы

.whtgreen:hover, .blgreen:hover {
	background: url("http://design.potency4you.ru/whtgreen-bg.jpg") repeat scroll center center transparent;
	border: 1px solid #83A61D;
	color: #1C1C1C;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.whtgreen:active, .blgreen:active {
	background: url("http://design.potency4you.ru/whtgreen-bg.jpg") repeat scroll center bottom transparent;
}

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

[Mariblondo]

Помогите убрать подчеркивание ссылки при наведении на кнопку Купить. Пример: mariblondo. ru/goods/Charmante?from=ZmEw

в main.css добавил следующий код:

Цитата

.bluewht { border:1px solid #d0d0d0 !important;
  background:url({ASSETS_IMAGES_PATH}kupit.jpg) center top repeat-x;
  padding:5px 42px;
  font:normal 12px Verdana, Geneva, sans-serif;
  color:#504f4f;
  height:27px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; outline:none;
  }
  @-moz-document url-prefix() { .bluewht { padding:2px 42px 5px 42px; height:27px; }  a.bluewht { padding:5px 42px 5px 42px; height:27px;} }
  .bluewht:hover { background:url({ASSETS_IMAGES_PATH}green-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  }
  .bluewht:active { background:url({ASSETS_IMAGES_PATH}whtgree-bg.jpg) center bottom repeat; border:1px solid #5fa8c4; }

[Taisia]

добавьте в ваш код

.bluewht { border:1px solid #d0d0d0 !important;
  background:url({ASSETS_IMAGES_PATH}kupit.jpg) center top repeat-x;
  padding:5px 42px;
  font:normal 12px Verdana, Geneva, sans-serif;
  color:#504f4f;
  height:27px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; outline:none;
  }

строчку

text-decoration: none !important;

[Mariblondo]

Спасибо!

[Евгений85]

Подскажите пожалуйста как изменить цвет кнопки "купить сейчас" на красный? Спасибо.

Тема пластик

[Vaccina]

Найдите все подобные блоки в шаблоне HTML и Товары:

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
						  <div>
							<input type="hidden" name="hash" value="{HASH}" />
							<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
							<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
							<button type="submit" class="whtgray">Купить сейчас</button>
						  </div>
						</form>

добавьте класс, buy, например:

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm">
						  <div>
							<input type="hidden" name="hash" value="{HASH}" />
							<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
							<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
							<button type="submit" class="whtgray buy">Купить сейчас</button>
						  </div>
						</form>

далее в main.css в самом низу пропишите:

.buy {
	background: #E02121 !important;
	border-radius: 15px;
}

[Евгений85]

Что-то у меня неполучилось(((((

[Vaccina]

что именно у вас не получилось? Укажите пожалуйста адрес сайта и добавьте номер аккаунта к себе в профиль форума, чтобы мы могли зайти к вам и просмотреть в чем причина неудачи.

[Евгений85]

Vaccina (22 Февраль 2014 - 04:03) писал:

что именно у вас не получилось? Укажите пожалуйста адрес сайта и добавьте номер аккаунта к себе в профиль форума, чтобы мы могли зайти к вам и просмотреть в чем причина неудачи.

Добавил

[Stasya]

Евгений85 (23 Февраль 2014 - 22:45) писал:

Добавил

Не увидела у Вас в коде данных изменений. Проделайте, пожалуйста, их еще раз и оставьте чтобы мы могли их посмотреть.

[wvito]

Здравствуйте! Хочу поменять на странице товара цвет кнопки " В корзину" на зеленый, причем, что бы зеленый был всегда, а не только при наведении мышкой на кнопку. А кнопка "Сравнить товар" должна по-прежнему остаться белой. Попробовал по вышеуказанной инструкции, но не получается. Для моих знаний данная инструкция не полная. Пробовал менять и изображения, загружая измененные файлы с зеленым цветом - не помогает -меняются другие кнопки, но только не "В корзину". Все что удалось - это только при очистке Cnrt+F5 мимолетно проскакивает зеленый цвет кнопки, как и у одного из участников, описанного выше. Помогите, please. Сайт: http://b22211.storeland.ru/

[Vaccina]

Шаблон Товар найдите:

<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#" style=" color: white; background-color: green; " >В корзину</a></li>

замените на:

<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="buy whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#" style=" color: white; background-color: green; " >В корзину</a></li>

Далее в main.css в самом низу добавьте:

.buy{
background: url('адрес картинки для кнопки') no-repeat left top !important;
}