Перейти к содержимому


Изменить Цвет Кнопок И Подкатегорий.


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 49

#1 Всемогущий

Всемогущий

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

  • Пользователи
  • PipPipPipPip
  • 428 сообщений

Отправлено 11 Ноябрь 2012 - 17:35

Добрый вечер! Скажите пожалуйста, как мне изменить цвет кнопок "купить", "перейти в корзину" и "заказать на:..." на красный цвет. А также заменить цвет подкатегорий тоже на красный цвет? http://alexled.ru/

#2 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 12 Ноябрь 2012 - 10:54

В файле main.csstemplate найти код:
  .blgreen {  background:url(/web/upload/assets/images/144/143205/whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#494949; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); padding:4px 10px 2px 10px; //padding:1px 10px 0px 10px; //line-height:10px; font:normal 11px Verdana, Geneva, sans-serif;  -moz-border-radius
Заменить на:
  
.blgreen {
  background-color: #F30000;/*цвет кнопки*/
  color:#E6E6E6;/*цвет текста*/
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
  padding:4px 10px 2px 10px;
 //padding:1px 10px 0px 10px;
 //line-height:10px; 
  font:normal 11px Verdana, Geneva, sans-serif;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius:4px;
  cursor:pointer;
}


Найти код:
		  #left .block .navigation ul li.incat a, #right .block .navigation ul li.incat a { color:#5babcc; }
Заменить на:
		  #left .block .navigation ul li.incat a, #right .block .navigation ul li.incat a {
			color: #CC0E0E;/*цвет текста подкатегорий*/
		   }
Добавить код в конец файла main.csstemplate.
#nyroModalContent .alignCenter .messageBoxToCart {
	color: #D1D1D1;
	background-color: red;
	background-image: none;
}


#3 Всемогущий

Всемогущий

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

  • Пользователи
  • PipPipPipPip
  • 428 сообщений

Отправлено 12 Ноябрь 2012 - 17:32

Спасибо! Вы настоящий друг!

#4 Всемогущий

Всемогущий

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

  • Пользователи
  • PipPipPipPip
  • 428 сообщений

Отправлено 12 Ноябрь 2012 - 17:56

Что-то изменений не увидел. Наверное, я как обычно, не туда что-то залепил.

#5 Всемогущий

Всемогущий

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

  • Пользователи
  • PipPipPipPip
  • 428 сообщений

Отправлено 12 Ноябрь 2012 - 18:11

Пардон! Все получилось! Просто обновляется не сразу.

#6 Всемогущий

Всемогущий

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

  • Пользователи
  • PipPipPipPip
  • 428 сообщений

Отправлено 27 Ноябрь 2012 - 09:43

Скажите пожалуйста, как изменить цвет цены(везде) в шаблоне Пластик?

#7 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 27 Ноябрь 2012 - 15:04

Просмотр сообщенияВсемогущий (27 Ноябрь 2012 - 09:43) писал:

Скажите пожалуйста, как изменить цвет цены(везде) в шаблоне Пластик?

Изменить цвет цены в каталоге товаров:
зайдите в файл main.css и найдите блок
#content .box .ulproduct .infoproduct .price em span {
color: #096F97; <!-- цвет цены -->
text-decoration: none;
}

изменяйте значение цвета #096F97 на любое, например, red
т.е. у Вас, к примеру, получится
#content .box .ulproduct .infoproduct .price em span {
color: red; <!-- цвет цены -->
text-decoration: none;
}

Изменить цвет цены в просмотре товара
зайдите в файл main.css и найдите блок:
#content .boxmoney .main .block ul.left li span.num {
font-style: italic;
font-weight: bold;
font-size: 18px;
}

и добавьте в него строчку color: red;
У Вас должно получиться так:
#content .boxmoney .main .block ul.left li span.num {
font-style: italic;
font-weight: bold;
font-size: 18px;
color: red;
}
Естественно, red меняете на любой другой цвет

#8 Всемогущий

Всемогущий

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

  • Пользователи
  • PipPipPipPip
  • 428 сообщений

Отправлено 27 Ноябрь 2012 - 17:49

Огромное спасибо, за быстрый и подробный ответ!

#9 Всемогущий

Всемогущий

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

  • Пользователи
  • PipPipPipPip
  • 428 сообщений

Отправлено 17 Декабрь 2012 - 18:43

Просмотр сообщенияKoderhan (12 Ноябрь 2012 - 10:54) писал:

В файле main.csstemplate найти код:
 .blgreen { background:url(/web/upload/assets/images/144/143205/whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#494949; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); padding:4px 10px 2px 10px; //padding:1px 10px 0px 10px; //line-height:10px; font:normal 11px Verdana, Geneva, sans-serif; -moz-border-radius
Заменить на:
.blgreen {
background-color: #F30000;/*цвет кнопки*/
color:#E6E6E6;/*цвет текста*/
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
padding:4px 10px 2px 10px;
//padding:1px 10px 0px 10px;
//line-height:10px;
font:normal 11px Verdana, Geneva, sans-serif;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius:4px;
cursor:pointer;
}


Найти код:
 #left .block .navigation ul li.incat a, #right .block .navigation ul li.incat a { color:#5babcc; }
Заменить на:
 #left .block .navigation ul li.incat a, #right .block .navigation ul li.incat a {
color: #CC0E0E;/*цвет текста подкатегорий*/
}
Добавить код в конец файла main.csstemplate.
#nyroModalContent .alignCenter .messageBoxToCart {
color: #D1D1D1;
background-color: red;
background-image: none;
}
Не нашел я нужные коды. Хотел заменить цвет кнопок "заказать на" и "перейти далее", чтобы они всегда были видны, а не когда наводишь на них курсором.

#10 Vaccina

Vaccina

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

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

Отправлено 17 Декабрь 2012 - 22:48

Попробуйте изменить цвет в классах

#content .box .tabproduct .price em span.num, #content .box .ulproduct .infoproduct .price em { color:#096f97; text-decoration:none; }

#content .boxmoney .main .block ul.left li span.num { font-style:italic; font-weight:bold; font-size:18px; }

#content .box .ulproduct .infoproduct .price em span { color:#096f97; text-decoration:none; }

#content .box .tabproduct .price em span { text-decoration:none; color:#636363; }

#content .boxmoney .main .block ul.left li span { font-style:italic;}

или же в файл стилей добавить и прописать свой цвет

#content .box .tabproduct .price em span.num, #content .box .ulproduct .infoproduct .price em,
#content .boxmoney .main .block ul.left li span.num,
#content .box .ulproduct .infoproduct .price em span,
#content .box .tabproduct .price em span,
#content .boxmoney .main .block ul.left li span {
color:#096f97 !important;
}


#11 odissei

odissei

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

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 20 Декабрь 2012 - 07:46

Вопрос в дополнение темы.

Как изменить цвет кнопки "Купить сейчас" - которая видна при отображении товаров списком:
http://bel-mag.ru/ca...ods_view_type=1

И в блоке новинки на главной.

#12 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 20 Декабрь 2012 - 09:14

Просмотр сообщенияodissei (20 Декабрь 2012 - 07:46) писал:

Вопрос в дополнение темы.

Как изменить цвет кнопки "Купить сейчас" - которая видна при отображении товаров списком:
http://bel-mag.ru/ca...ods_view_type=1

И в блоке новинки на главной.

В панели управления магазином, в разделе "Сайт" > "Редактор тем" в разделы файлы загружаем картинку для кнопки "Купить сейчас":

В панели управления магазином, в разделе "Сайт" > "Редактор тем" в шаблоне ""Товары" находим примерно такой код:
<a class="whtgray" onclick="$('#goodsListFormId19375751').submit(); return false;" href="/cart/add/?hash=c161b3&amp;form%5Bgoods_from%5D=&amp;form%5Bgoods_mod_id%5D=19375751" title="Положить «Duracell Зарядное устройство д/аккумуляторов 2шт» в корзину">Купить сейчас</a>
и заменяем его на:

<a class="whtgray" id="buy_now" onclick="$('#goodsListFormId19375751').submit(); return false;" href="/cart/add/?hash=c161b3&amp;form%5Bgoods_from%5D=&amp;form%5Bgoods_mod_id%5D=19375751" title="Положить «Duracell Зарядное устройство д/аккумуляторов 2шт» в корзину">Купить сейчас</a>

В разделе "Сайт" > "Редактор тем" в блоке "Стили и скрипты" находим файл main.csstemplate, открываем его и вставляем следующий код:
  #buy_now{background:url({ASSETS_IMAGES_PATH}название картинки.jpg) top center no-repeat;}

В разделе "Сайт" > "Редактор тем" в шаблоне "HTML" находим следующий код:
<button type="submit" class="blgreen">Купить</button>
и заменяем его на:
<button type="submit" class="blgreen" id="buy_now">Купить</button>


Этот вариант для того, чтобы кнопки на Главной в Новинках и в Каталоге списком выглядели в одном стиле

#13 Всемогущий

Всемогущий

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

  • Пользователи
  • PipPipPipPip
  • 428 сообщений

Отправлено 29 Январь 2013 - 17:40

Хотел изменить цвет кнопок, как указано выше, изменений никаких. Как изменить?

#14 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 29 Январь 2013 - 18:35

В панели управления магазином, в разделе "Сайт" > "Редактор тем" в шаблоне ""Товары" находим примерно такой код:
<a class="whtgray" onclick="$('#goodsListFormId19375751').submit(); return false;" href="/cart/add/?hash=c161b3&amp;form%5Bgoods_from%5D=&amp;form%5Bgoods_mod_id%5D=19375751" title="Положить «Duracell Зарядное устройство д/аккумуляторов 2шт» в корзину">Купить сейчас</a>
и заменяем его на:
<a onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Купить сейчас">&nbsp;</a>
В разделе "Сайт" > "Редактор тем" в блоке "Стили и скрипты" находим файл main.csstemplate, открываем его и вставляем следующий код:
#buy_now{background:url({ASSETS_IMAGES_PATH}название картинки.jpg) top center no-repeat;}

В разделе "Сайт" > "Редактор тем" в шаблоне "HTML" находим следующий код
<button type="submit" class="blgreen">Купить сейчас</button>

и заменяем его на:
<button type="submit" class="blgreen" id="buy_now">Купить</button>


#15 Всемогущий

Всемогущий

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

  • Пользователи
  • PipPipPipPip
  • 428 сообщений

Отправлено 30 Январь 2013 - 00:04

В разделе "Сайт" > "Редактор тем" в блоке "Стили и скрипты" находим файл main.csstemplate, открываем его и вставляем следующий код:

#buy_now{background:url({ASSETS_IMAGES_PATH}название картинки.jpg) top center no-repeat;}


Вставляем куда?

#16 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2013 - 01:40

Вы можете добавить данный код в конец вашего файла стилей main.css

#17 Всемогущий

Всемогущий

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

  • Пользователи
  • PipPipPipPip
  • 428 сообщений

Отправлено 30 Январь 2013 - 10:44

Может быть мы меняем что-то не то? Изменения не происходят. Мне нужно изменить цвет кнопок "Купить", "Заказать на", "Перейти далее", "Оформить заказ", вообщем все кнопки которые касаются оформления и покупки, а то народ просто их не замечает. И если это возможно, сделать их в два раза больше.

Да, и еще, возможно ли изменение процесса оформления заказа. Не понимаю, зачем сделано целых 4 шага заказа??? Можно же сделать чтобы после нажатия на кнопку "Купить", появляется одна! страница для оформления заказа, где можно выбрать способ оплаты, способ доставки, ввести свои данные и нажать "Оплатить". Все, заказ оформлен и оплачен! Сейчас более половины покупателей теряется после оформления третьего шага! Это же не сложно?! Раз смогли сделать 4 шага, то сделать один, я думаю не сложно. А так не имеет смысла "лепить" свой ИМ. Он ничего не продает, а скорее является сайтом визиткой.

#18 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 30 Январь 2013 - 12:20

Просмотр сообщенияВсемогущий (30 Январь 2013 - 10:44) писал:

Может быть мы меняем что-то не то? Изменения не происходят. Мне нужно изменить цвет кнопок "Купить", "Заказать на", "Перейти далее", "Оформить заказ", вообщем все кнопки которые касаются оформления и покупки, а то народ просто их не замечает. И если это возможно, сделать их в два раза больше.

Да, и еще, возможно ли изменение процесса оформления заказа. Не понимаю, зачем сделано целых 4 шага заказа??? Можно же сделать чтобы после нажатия на кнопку "Купить", появляется одна! страница для оформления заказа, где можно выбрать способ оплаты, способ доставки, ввести свои данные и нажать "Оплатить". Все, заказ оформлен и оплачен! Сейчас более половины покупателей теряется после оформления третьего шага! Это же не сложно?! Раз смогли сделать 4 шага, то сделать один, я думаю не сложно. А так не имеет смысла "лепить" свой ИМ. Он ничего не продает, а скорее является сайтом визиткой.

1. В данном сообщении пользователь хотел поменять только одну кнопку. После чего Вы написали, что Вам именно это и нужно. Из чего мы сделали вывод, что Вам нужно поменять фон одной кнопки. Для того, чтобы поменять фон у всех подобных кнопок, нужно сначала у всех этих кнопок поставить обращение к другому стилю. Для этого зайдите сначала в шаблон Товары и найдите след. строчку (у Вас она может встретиться 2 раза, заменять нужно все 2)
<a class="whtgray" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить сейчас</a>

замените ее на
<a class="whtgray" id="colorbutton1" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить сейчас</a>

теперь зайдите в шаблон Корзина и найдите строчку
<div class="right"><button class="whtblue" type="submit" name="next_step">Заказать на: {% FOR cart_sum %}{cart_sum.NOW | money_format}{% ENDFOR %}</button></div>

измените ее на
<div class="right"><button class="whtblue" id="colorbutton2" type="submit" name="next_step">Заказать на: {% FOR cart_sum %}{cart_sum.NOW | money_format}{% ENDFOR %}</button></div>

Теперь зайдите в шаблон Оформление заказа и найдите строчку
	  <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button>

измените ее на
	  <button type="submit" name="tonext" class="whtblue" id="colorbutton2">{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button>

Теперь зайдите в шаблон Товар и найдите строчку
<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" id="colorbutton2" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></li>

Теперь осталось поменять изображения и добавить новый стиль
Для этого зайдите в файл main.css (Сайт -> Редактор тем) и в конце файла добавьте след. блоки
#colorbutton1 {
background: url({ASSETS_IMAGES_PATH}colorbutton.jpg) top center no-repeat;
  }
  #colorbutton2 {
	border: 1px solid #ac1012 !important;
	 background: #df4245; color:white;
	}
#colorbutton2:hover {
  background: #ac1012;
}
Далее Измените в графическом редакторе это изображение и закачайте его на сайт с именем colorbutton.jpg

#19 Всемогущий

Всемогущий

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

  • Пользователи
  • PipPipPipPip
  • 428 сообщений

Отправлено 30 Январь 2013 - 16:43

Отлично! Все получилось как хотел! Огромное спасибо, Вы мне очень помогли! А можно еще изменить цвет кнопок "Оформить заказ" на шаге №4 и "выставить счет"?

#20 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 30 Январь 2013 - 16:44

Просмотр сообщенияВсемогущий (30 Январь 2013 - 16:43) писал:

Отлично! Все получилось как хотел! Огромное спасибо, Вы мне очень помогли! А можно еще изменить цвет кнопок "Оформить заказ" на шаге №4 и "выставить счет"?
К сожалению нельзя. Данная переменная не доступна на этом шаге оформления.




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

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