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


Кнопка Купить


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

#1 Sgray

Sgray

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

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

Отправлено 16 Август 2015 - 09:19

Как сделать, чтобы на кнопке "купить" на страницах товаров, слово купить было текстом?

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 16 Август 2015 - 09:34

Просмотр сообщенияSgray (16 Август 2015 - 09:19) писал:

Как сделать, чтобы на кнопке "купить" на страницах товаров, слово купить было текстом?

Здравствуйте.
Уточните, пожалуйста, желательно на скриншоте, что Вы имеете в виду. Сейчас слово "Купить" на кнопке в карточке товара выполнено в виде текста.

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

  • Screenshot_1.png


#3 Sgray

Sgray

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

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

Отправлено 16 Август 2015 - 09:50

Просмотр сообщенияFirefly (16 Август 2015 - 09:34) писал:

Здравствуйте.
Уточните, пожалуйста, желательно на скриншоте, что Вы имеете в виду. Сейчас слово "Купить" на кнопке в карточке товара выполнено в виде текста.

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

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

  • Screenshot_12.png


#4 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 16 Август 2015 - 11:29

Просмотр сообщенияSgray (16 Август 2015 - 09:50) писал:

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

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
		  <input type="button" value="{% IF GOODS_MOD_REST_VALUE>0 %}Купить{%ELSE%}Под заказ{%ENDIF%}" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

Замените на:
		  <input type="button|text" value="{% IF GOODS_MOD_REST_VALUE>0 %}Купить{%ELSE%}Под заказ{%ENDIF%}" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.cart .buy_button {margin-left: 10px;}

Замените на:
.cart .buy_button {margin-left: 10px;width: 78px;}


#5 Sgray

Sgray

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

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

Отправлено 17 Август 2015 - 15:57

Нужно прописать перед ценой товара слово "Цена" в виде текста темным цветом.

#6 Danil

Danil

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

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

Отправлено 17 Август 2015 - 16:37

Просмотр сообщенияSgray (17 Август 2015 - 15:57) писал:

Нужно прописать перед ценой товара слово "Цена" в виде текста темным цветом.
В шаблоне Товар найдите строку
<!-- Цена сейчас -->
и перед ней вставьте

 <span class="cena">Цена</span>
в конец style.css добавьте
.cena {
color:#000;
font-size:15px;
font-weight:normal;
}
изменяйте стили на свои.

#7 Sgray

Sgray

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

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

Отправлено 17 Август 2015 - 17:06

Просмотр сообщенияDanil (17 Август 2015 - 16:37) писал:

В шаблоне Товар найдите строку
<!-- Цена сейчас -->
и перед ней вставьте

 <span class="cena">Цена</span>
в конец style.css добавьте
.cena {
color:#000;
font-size:15px;
font-weight:normal;
}
изменяйте стили на свои.

В одну строку с ценником.

#8 Danil

Danil

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

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

Отправлено 17 Август 2015 - 17:42

Просмотр сообщенияSgray (17 Август 2015 - 17:06) писал:

В одну строку с ценником.
Инструкция из сообщения 6 была подправлена, а именно код, который нужно добавить в style.css.

#9 Sgray

Sgray

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

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

Отправлено 17 Август 2015 - 18:00

Просмотр сообщенияDanil (17 Август 2015 - 17:42) писал:

Инструкция из сообщения 6 была подправлена, а именно код, который нужно добавить в style.css.

Увеличить пробел между словом "Цена" и ценником на 2 мм.

#10 Danil

Danil

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

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

Отправлено 17 Август 2015 - 18:26

Просмотр сообщенияSgray (17 Август 2015 - 18:00) писал:

Увеличить пробел между словом "Цена" и ценником на 2 мм.
Код
.cena {
	color: #000;
	font-size: 20px;
	font-weight: normal;
}
замените на
.cena {
	color: #000;
	font-size: 20px;
	font-weight: normal;
	margin-right: 8px;
}


#11 Sgray

Sgray

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

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

Отправлено 10 Март 2016 - 18:53

Просмотр сообщенияSgray (16 Август 2015 - 09:50) писал:

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

Возвращаюсь к этому вопросу, так как прошло много времени а яндекс не видит слово "купить". Что не так?

#12 Юля123

Юля123

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

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

Отправлено 11 Март 2016 - 15:41

Просмотр сообщенияSgray (10 Март 2016 - 18:53) писал:

Возвращаюсь к этому вопросу, так как прошло много времени а яндекс не видит слово "купить". Что не так?


Здравствуйте, можно эту кнопку сделать просто ссылкой с теми же стилями.

В шаблоне Товар код:

<input type="button|text" value="{% IF GOODS_MOD_REST_VALUE>0 %}Купить{%ELSE%}Под заказ{%ENDIF%}" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

замените на код:

<a id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">{% IF GOODS_MOD_REST_VALUE>0 %}Купить{%ELSE%}Под заказ{%ENDIF%}</a>

Возможно, чуть съедет верстка, но это поправимо.

#13 Sgray

Sgray

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

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

Отправлено 11 Март 2016 - 18:23

Просмотр сообщенияЮля123 (11 Март 2016 - 15:41) писал:

Здравствуйте, можно эту кнопку сделать просто ссылкой с теми же стилями.

В шаблоне Товар код:

<input type="button|text" value="{% IF GOODS_MOD_REST_VALUE>0 %}Купить{%ELSE%}Под заказ{%ENDIF%}" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

замените на код:

<a id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">{% IF GOODS_MOD_REST_VALUE>0 %}Купить{%ELSE%}Под заказ{%ENDIF%}</a>

Возможно, чуть съедет верстка, но это поправимо.

Да, надо поправить!

#14 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 11 Март 2016 - 19:12

Просмотр сообщенияSgray (11 Март 2016 - 18:23) писал:

Да, надо поправить!

Здравствуйте. В шаблоне Товар, перед строкой:

<div class="add-to-links">

вставьте:

<div class="clear"></div>

Затем, строки:

		  <a id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">{% IF GOODS_MOD_REST_VALUE>0 %}Купить{%ELSE%}Под заказ{%ENDIF%}</a>
		  <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
		</div>
		<!-- /Добавление в корзину -->

замените на:

<!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
		</div>
		<div class="cart">
		<a id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">{% IF GOODS_MOD_REST_VALUE>0 %}Купить{%ELSE%}Под заказ{%ENDIF%}</a>
		</div>
		<!-- /Добавление в корзину -->

Затем, в шаблоне style.css замените строку:

.cart {display: block;clear: both;}
на:
.cart {display: inline-flex;clear: both;}

и строку:
.cart .buy_button {margin-left: 10px;width: 78px;}
на:
.cart .buy_button {margin-left: 10px;width: 78px;padding-bottom: 10px;padding-top: 11px;}


#15 Sgray

Sgray

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

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

Отправлено 11 Март 2016 - 19:25

Просмотр сообщенияRedHead (11 Март 2016 - 19:12) писал:

Здравствуйте. В шаблоне Товар, перед строкой:

<div class="add-to-links">

вставьте:

<div class="clear"></div>

Затем, строки:

<a id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">{% IF GOODS_MOD_REST_VALUE>0 %}Купить{%ELSE%}Под заказ{%ENDIF%}</a>
<!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
</div>
<!-- /Добавление в корзину -->

замените на:

<!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
	 </div>
	 <div class="cart">
	 <a id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">{% IF GOODS_MOD_REST_VALUE>0 %}Купить{%ELSE%}Под заказ{%ENDIF%}</a>
	 </div>
	 <!-- /Добавление в корзину -->

Затем, в шаблоне style.css замените строку:

.cart {display: block;clear: both;}
на:
.cart {display: inline-flex;clear: both;}

и строку:
.cart .buy_button {margin-left: 10px;width: 78px;}
на:
.cart .buy_button {margin-left: 10px;width: 78px;padding-bottom: 10px;padding-top: 11px;}

Хорошо. Осталось сделать пробел побольше между кнопкой "купить" и нижними кнопками, как между ценой и "купить"

#16 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 11 Март 2016 - 19:29

Просмотр сообщенияSgray (11 Март 2016 - 19:25) писал:

Хорошо. Осталось сделать пробел побольше между кнопкой "купить" и нижними кнопками, как между ценой и "купить"

В шаблоне style.css замените строку

.add-to-links {display: block;padding: 10px 0 0 0;}
на:
.add-to-links {display: block;padding: 20px 0 15px 0;}


#17 Sgray

Sgray

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

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

Отправлено 11 Март 2016 - 19:34

Тоже надо поправить

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

  • 1.jpg


#18 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 11 Март 2016 - 20:25

Просмотр сообщенияSgray (11 Март 2016 - 19:34) писал:

Тоже надо поправить
В шаблоне style.css замените строку
.header_bar .qty-button-up, .header_bar .qty-button-down {line-height: 25px;}
на:
.header_bar .qty-button-up, .header_bar .qty-button-down {line-height: 25px;height: 25px;}





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

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