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


Изменение Кнопки "В Корзину"


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

#1 hoodie.me

hoodie.me

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

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

Отправлено 22 Октябрь 2012 - 19:56

Уважаемая поддержка, подскажите пожалуйста - Как изменить цвет кнопки "В корзину" на красный?

Прикрепленные изображения

  • Безымянный-1.jpg


#2 Koderhan

Koderhan

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

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

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

Просмотр сообщенияhoodie.me (22 Октябрь 2012 - 19:56) писал:

Уважаемая поддержка, подскажите пожалуйста - Как изменить цвет кнопки "В корзину" на красный?

Здравствуйте.
Цвет кнопки "В корзину" вы можете изменить в файле "Товар" (Сайт-Редактр тем). Найти код:
<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «Свитер Wizikorea» в корзину" style="font-size:14px;" href="#">
Вставить в тег <a> код :
style="background-color: red;"
Слово red тут цвет текста.
Пример:
<a class="more-link" style="background-color: red;" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «Свитер Wizikorea» в корзину" style="font-size:14px;" href="#">

Удачи!

#3 hoodie.me

hoodie.me

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

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

Отправлено 24 Октябрь 2012 - 00:12

Спасибо, а есть возможность сделать красный не таким "глазовырывающим". Как-то контрастность уменьшить?

#4 Vaccina

Vaccina

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

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

Отправлено 24 Октябрь 2012 - 11:59

Вы можете использовать любой цвет вместо red это может быть цвет заданный словом, или же специальной записью. Подобрать необходимый цвет можно например тут http://www.color-hex.com/

#5 hoodie.me

hoodie.me

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

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

Отправлено 25 Октябрь 2012 - 20:28

Спасибо.

#6 Svet-lana

Svet-lana

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

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

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

Уважаемая поддержка, а как изменить цвет кнопки "В корзину" в шаблоне Пластик?

Глаза все сломала, и по поиску искала, но в файле Товар не нашла такого кода.
Есть такой код:

   <a class="blgreen" style="background-color: red;" onclick="$('#goodsListFormId{related_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={related_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{related_goods.NAME}&raquo; в корзину">Купить</a>

Я вставила  туда цвет кнопки red, но ничего не поменялось...
Что не так я сделала?

Сайт http://gloksin.ru/

#7 Vaccina

Vaccina

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

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

Отправлено 08 Январь 2013 - 23:22

Попробуйте указывать не background-color а background, т.е

<a class="blgreen" style="background: red;" onclick="$('#goodsListFormId{related_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={related_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{related_goods.NAME}&raquo; в корзину">Купить</a>


#8 Svet-lana

Svet-lana

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

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

Отправлено 09 Январь 2013 - 08:57

Попробовала -  цвет кнопки "В корзину" не изменился...

#9 support 2.0

support 2.0

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

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

Отправлено 09 Январь 2013 - 13:39

Просмотр сообщенияSvet-lana (09 Январь 2013 - 08:57) писал:

Попробовала -  цвет кнопки "В корзину" не изменился...


Где именно Вы меняете цвет кнопки? Для какой страницы?

#10 Svet-lana

Svet-lana

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

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

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

Для  вот этой  страницы  http://burgundy-queen.gloksin.ru/

Меняла, как написано было выше, в файле "Товар".

#11 support 2.0

support 2.0

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

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

Отправлено 09 Январь 2013 - 14:54

Просмотр сообщенияSvet-lana (09 Январь 2013 - 13:44) писал:

Для  вот этой  страницы  http://burgundy-queen.gloksin.ru/

Меняла, как написано было выше, в файле "Товар".


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


#12 Svet-lana

Svet-lana

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

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

Отправлено 09 Январь 2013 - 23:09

В шаблоне "Товар" нет такого кода.

#13 Koderhan

Koderhan

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

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

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

Попробуйте задать индивидуальный фон для кнопки "В корзину" в файле "Товар".
Найти код:
<a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «Burgundy Queen» в корзину" href="#">В корзину</a>
Заменить:
<a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «Burgundy Queen» в корзину" href="#" style="background: rgb(223, 86, 86); color: white;">В корзину</a>
color - цвет текста http://htmlbook.ru/css/color
background - фоновый цвет  http://htmlbook.ru/css/background

#14 Svet-lana

Svet-lana

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

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

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

Koderhan

Спасибо Вам, наконец-то получилось!

#15 Svet-lana

Svet-lana

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

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

Отправлено 11 Январь 2013 - 21:15

Уважаемый Koderhan !
Пожалуйста, напишите код, как скруглить  края кнопки "В  Корзину".

#16 Koderhan

Koderhan

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

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

Отправлено 11 Январь 2013 - 21:34

Просмотр сообщенияSvet-lana (11 Январь 2013 - 21:15) писал:

Уважаемый Koderhan !
Пожалуйста, напишите код, как скруглить  края кнопки "В  Корзину".
Код кнопки с закругленными уголками будет выглядеть так:
<a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «Burgundy Queen» в корзину" href="#" style="background: rgb(223, 86, 86); color: white;border-radius:4px;">В корзину</a>
border-radius:4px; - устанавливается радиус закругления в пикселях.

#17 Svet-lana

Svet-lana

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

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

Отправлено 11 Январь 2013 - 22:26

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




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

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