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


Изменение Цвета Кнопки "Заказать На ... " "Оформить Заказ" В Корзине


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

#1 haka

haka

    Новичок

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

Отправлено 13 Декабрь 2012 - 19:40

Здравствуйте!
Как изменить цвета кнопок "Заказать на ... " "Оформить заказ" в корзине? А то покупатели их просто не видят (

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

  • Без имени-1.jpg
  • Без имени-2.jpg


#2 Vaccina

Vaccina

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

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

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

Попробуйте сделать следующее - в файле стилей main.css раздела редактора тем найдите

.whtblue:hover {
	background: url("/web/upload/assets/images/10/9976/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:hover, .whtblue-selected {
	background: url("/web/upload/assets/images/10/9976/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);
}

далее в шаблоне "Корзина" найдите

<button class="whtblue" type="submit" name="next_step">

и замените на

<button class="whtblue whtblue-selected" type="submit" name="next_step">

далее в шаблоне "Оформление заказа" найдите

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

и замените на

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


#3 haka

haka

    Новичок

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

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

Просмотр сообщенияVaccina (14 Декабрь 2012 - 01:30) писал:

Попробуйте сделать следующее - в файле стилей main.css раздела редактора тем найдите

.whtblue:hover {
background: url("/web/upload/assets/images/10/9976/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:hover, .whtblue-selected {
background: url("/web/upload/assets/images/10/9976/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);
}

далее в шаблоне "Корзина" найдите

<button class="whtblue" type="submit" name="next_step">

и замените на

<button class="whtblue whtblue-selected" type="submit" name="next_step">

далее в шаблоне "Оформление заказа" найдите

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

и замените на

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

не могу найти в файле стилей main.css мой сайт zubkivnorme.ru

#4 miyako

miyako

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

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

Отправлено 16 Декабрь 2012 - 12:42

Просмотр сообщенияhaka (16 Декабрь 2012 - 11:22) писал:

не могу найти в файле стилей main.css мой сайт zubkivnorme.ru
Файл находится в Редакторе тем: Сайт->Редактор тем, между Шаблонами и Файлами (Стили и Скрипты). Вам нужен файл main.csstemplate

#5 haka

haka

    Новичок

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

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

Просмотр сообщенияhaka (16 Декабрь 2012 - 11:22) писал:

не могу найти в файле стилей main.css мой сайт zubkivnorme.ru
Имел в виду что не могу найти
.whtblue:hover {
background: url("/web/upload/assets/images/10/9976/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:hover, input[type=submit].paymentFormTbodySubmitButton:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  }

#6 haka

haka

    Новичок

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

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

И еще вопрос. Почему при входе на сайт товары в корзине остаются. также ведь и у покупателей будет? (

#7 miyako

miyako

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

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

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

Просмотр сообщенияhaka (16 Декабрь 2012 - 17:45) писал:

Имел в виду что не могу найти
.whtblue:hover {
background: url("/web/upload/assets/images/10/9976/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:hover, input[type=submit].paymentFormTbodySubmitButton:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  }
Найдите этот код в файле main.csstemplate
.whtblue:hover, input[type=submit].paymentFormTbodySubmitButton:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  }
И замените на:
.whtblue:hover, .whtblue-selected, input[type=submit].paymentFormTbodySubmitButton:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  }


#8 miyako

miyako

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

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

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

Просмотр сообщенияhaka (16 Декабрь 2012 - 18:42) писал:

И еще вопрос. Почему при входе на сайт товары в корзине остаются. также ведь и у покупателей будет? (

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

#9 haka

haka

    Новичок

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

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

Отлично! Все получилось спасибо!

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

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

#10 raven_knp

raven_knp

    Пользователь

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

Отправлено 15 Ноябрь 2013 - 20:24

уже разобрался, спасибо

#11 MikDark

MikDark

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

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

Отправлено 06 Февраль 2015 - 12:05

Просмотр сообщенияLamer (06 Февраль 2015 - 12:03) писал:

Прикрепленный файл Снимок.JPG

Не могу найти alt для корзины на главной. В каком шаблоне?

За это отвечает в шаблоне HTML код:
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a>

alt передается в переменной {SETTINGS_STORE_NAME}, можете вместо нее вписать нужный текст.

#12 Lamer

Lamer

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

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

Отправлено 06 Февраль 2015 - 12:06

Прошу прощения, погорячился. Вы меня опередили

#13 YoTool

YoTool

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений
  • ГородСанкт-Петербург

Отправлено 08 Апрель 2017 - 18:53

Добрый день!

Подскажите пожалуйста как можно окрасить кнопки "купить сейчас" при раскладке каталога товаров "списком" чтобы она постоянно была окрашена?
Через редактор графики окрашивается также кнопка "подробнее", этого надо избежать. Возможно можно добавить дополнительный стиль в шаблоне main.css и адресовать на него кнопку? Если да, то подскажите как? Заранее благодарю.

P.S. Во вложении графически сформулированный вопрос. :unsure:

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

  • Покраска кнопки.png


#14 MikDark

MikDark

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

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

Отправлено 08 Апрель 2017 - 19:07

Просмотр сообщенияYoTool (08 Апрель 2017 - 18:53) писал:

Добрый день!

Подскажите пожалуйста как можно окрасить кнопки "купить сейчас" при раскладке каталога товаров "списком" чтобы она постоянно была окрашена?
Через редактор графики окрашивается также кнопка "подробнее", этого надо избежать. Возможно можно добавить дополнительный стиль в шаблоне main.css и адресовать на него кнопку? Если да, то подскажите как? Заранее благодарю.

P.S. Во вложении графически сформулированный вопрос. :unsure:

В шаблоне Товары Вы можете найти:
<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 buybtn" 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>

и далее в main.css прописать:
.buybtn {background:#000;}

и поставить код нужного цвета

#15 YoTool

YoTool

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений
  • ГородСанкт-Петербург

Отправлено 08 Апрель 2017 - 20:20

Просмотр сообщенияMikDark (08 Апрель 2017 - 19:07) писал:

и далее в main.css прописать:
.buybtn {background:#000;}

На кокой строке добавить данный параметр?

#16 MikDark

MikDark

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

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

Отправлено 08 Апрель 2017 - 20:39

Просмотр сообщенияYoTool (08 Апрель 2017 - 20:20) писал:

На кокой строке добавить данный параметр?

Можете в самом низу шаблона

#17 YoTool

YoTool

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений
  • ГородСанкт-Петербург

Отправлено 08 Апрель 2017 - 20:52

Предложенный Вами способ не помог, выручила смекалка (поменял стиль кнопок на уже рабочий вариант), смотрится культурно :rolleyes: По какой то причине в шаблоне есть параметр для кнопок a.blgreen, a.whtgreen, в то время как a.whtblue и a.whtgray - одинокие.

Подскажите пожалуйста есть ли решение сделать кнопу засвеченной постоянно без наведения курсора нв странице товара? (как на рисунке):

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

  • Покраска кнопки.png


#18 Danil

Danil

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

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

Отправлено 09 Апрель 2017 - 10:25

Просмотр сообщенияYoTool (08 Апрель 2017 - 20:52) писал:

Предложенный Вами способ не помог, выручила смекалка (поменял стиль кнопок на уже рабочий вариант), смотрится культурно :rolleyes: По какой то причине в шаблоне есть параметр для кнопок a.blgreen, a.whtgreen, в то время как a.whtblue и a.whtgray - одинокие.

Подскажите пожалуйста есть ли решение сделать кнопу засвеченной постоянно без наведения курсора нв странице товара? (как на рисунке):
Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

#19 YoTool

YoTool

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений
  • ГородСанкт-Петербург

Отправлено 10 Апрель 2017 - 11:54

Просмотр сообщенияDanil (09 Апрель 2017 - 10:25) писал:

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.
Огромное спасибо, все ОК




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

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