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


Юзабилити Сайта. Добавить Кнопку Купить

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

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

#41 Ильяc

Ильяc

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

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

Отправлено 18 Май 2014 - 17:21

Просмотр сообщенияИрина345 (18 Май 2014 - 14:48) писал:


Уточните каким Вы именно браузером пользуйтесь,  
в main.css найдите
.goodsListItemBlock form a {
background: #413f2e;
padding: 4px;
border-radius: 3px;
color: #fff;
text-decoration: none;
font-size: 14px;
position: relative;
bottom: 16px;
left:1px;
}
замените на
.goodsListItemBlock form a {
background: #413f2e;
padding: 4px;
border-radius: 3px;
color: #fff;
text-decoration: none;
font-size: 14px;
position: relative;
bottom: 16px;
left:14px;
}

Сделал как сказали. Но кнопка купить подчеркнутая, а не как на главной странице.

#42 lew

lew

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

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

Отправлено 18 Май 2014 - 20:41

откройте в админке товары
найдите строчку (строчка примерно 200-210)
<a onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>
и замените на эту

<a class="to-buy-the-goods" onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>
потом откройте main.css
и в самый низ файла поставьте следующий код
.to-buy-the-goods{
  background: #413f2e;
  color: #FFF;
  padding: 4px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 14px;
  float: right;
  margin-top: -6px;
}


#43 Ильяc

Ильяc

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

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

Отправлено 19 Май 2014 - 08:16

Просмотр сообщенияlew (18 Май 2014 - 20:41) писал:

откройте в админке товары
найдите строчку (строчка примерно 200-210)
<a onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>
и замените на эту

<a class="to-buy-the-goods" onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>
потом откройте main.css
и в самый низ файла поставьте следующий код
.to-buy-the-goods{
background: #413f2e;
color: #FFF;
padding: 4px;
border-radius: 3px;
text-decoration: none;
font-size: 14px;
float: right;
margin-top: -6px;
}

Кнопка появилась, но надпись "купить" появляется только при наведении курсора. Нужно чтобы постоянно видна была.

#44 MikDark

MikDark

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

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

Отправлено 19 Май 2014 - 08:23

Просмотр сообщенияИльяc (19 Май 2014 - 08:16) писал:

Кнопка появилась, но надпись "купить" появляется только при наведении курсора. Нужно чтобы постоянно видна была.

Замените
.to-buy-the-goods{
  background: #413f2e;
  color: #FFF;
  padding: 4px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 14px;
  float: right;
  margin-top: -6px;
}

на

.to-buy-the-goods{
  background: #413f2e;
  color: #FFF !important;
  padding: 4px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 14px;
  float: right;
  margin-top: -6px;
}


#45 Ильяc

Ильяc

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

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

Отправлено 19 Май 2014 - 08:56

Просмотр сообщенияMikDark (19 Май 2014 - 08:23) писал:

Замените
.to-buy-the-goods{
background: #413f2e;
color: #FFF;
padding: 4px;
border-radius: 3px;
text-decoration: none;
font-size: 14px;
float: right;
margin-top: -6px;
}

на

.to-buy-the-goods{
background: #413f2e;
color: #FFF !important;
padding: 4px;
border-radius: 3px;
text-decoration: none;
font-size: 14px;
float: right;
margin-top: -6px;
}
Скажите еще как подчеркнутую линию убрать?

#46 MikDark

MikDark

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

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

Отправлено 19 Май 2014 - 09:21

Просмотр сообщенияИльяc (19 Май 2014 - 08:56) писал:

Скажите еще как подчеркнутую линию убрать?

text-decoration: none;

замените на:
text-decoration: none !important;

#47 Ильяc

Ильяc

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

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

Отправлено 20 Май 2014 - 15:00

Здравствуйте! У меня на сайте кнопка "купить" в категориях не кликабельна! При нажатии никаких действий. Как исправить это?
11111111111.png

#48 Ильяc

Ильяc

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

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

Отправлено 20 Май 2014 - 18:38

Здравствуйте! Срочно нужно. Помогите настроить. У меня на сайте кнопка "купить" в категориях не кликабельна! При нажатии никаких действий не происходит. Как исправить это?
11111111111.png

#49 daria_dnk

daria_dnk

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

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

Отправлено 20 Май 2014 - 19:47

Просмотр сообщенияИльяc (20 Май 2014 - 18:38) писал:

Здравствуйте! Срочно нужно. Помогите настроить. У меня на сайте кнопка "купить" в категориях не кликабельна! При нажатии никаких действий не происходит. Как исправить это?
Прикрепленный файл 11111111111.png
Здравствуйте!
Попробуйте сделать так:
В шаблоне Товары найдите

<a class="to-buy-the-goods" onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>

замените на
<p>
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
						  <div>
								<input type="hidden" name="hash" value="{HASH}" />
								<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
								<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
								<a class="to-buy-the-goods" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Положить &laquo;{goods.NAME}&raquo; в корзину" href="#">В корзину</a>
						  </div>
						</form> 
						</p>

Проверьте и напишите пожалуйста, если будут проблемы после внесения изменений.

#50 Taisia

Taisia

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

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

Отправлено 20 Май 2014 - 21:48

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

#51 Ильяc

Ильяc

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

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

Отправлено 21 Май 2014 - 08:39

Просмотр сообщенияdaria_dnk (20 Май 2014 - 19:47) писал:

Здравствуйте!
Попробуйте сделать так:
В шаблоне Товары найдите

<a class="to-buy-the-goods" onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>

замените на
<p>
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a class="to-buy-the-goods" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Положить &laquo;{goods.NAME}&raquo; в корзину" href="#">В корзину</a>
</div>
</form>
</p>

Проверьте и напишите пожалуйста, если будут проблемы после внесения изменений.
Спасибо! теперь работает

#52 Ильяc

Ильяc

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

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

Отправлено 29 Май 2014 - 13:52

Здравствуйте! Помогите исправить кнопку "купить" на главной?  Когда нажимаю не всплывает окно где можно выбрать продолжить покупку или перейти дальше к покупкам, перекидывает на страницу оформления заказа

2014-05-29_144948.png

не появляется
2014-05-29_145653.png

#53 Сake

Сake

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

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

Отправлено 30 Май 2014 - 03:45

Попробуйте в вашем подключенном файле main0000.js найти строку

$('.goodsDataForm, .goodsToCartFromCompareForm').submit

и заменить её на

$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit


#54 Ильяc

Ильяc

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

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

Отправлено 30 Май 2014 - 08:29

Просмотр сообщенияСake (30 Май 2014 - 03:45) писал:

Попробуйте в вашем подключенном файле main0000.js найти строку

$('.goodsDataForm, .goodsToCartFromCompareForm').submit

и заменить её на

$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit

Спасибо большое!

#55 Ильяc

Ильяc

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

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

Отправлено 03 Июнь 2014 - 16:19

Здравствуйте! Скажите пожалуйста как убрать подчеркнутость в описании товара и сделать шрифт больше. Эта надпись просто раздражает
2014-06-03_171714.png

#56 Ирина345

Ирина345

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

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

Отправлено 03 Июнь 2014 - 17:06

Просмотр сообщенияИльяc (03 Июнь 2014 - 16:19) писал:

Здравствуйте! Скажите пожалуйста как убрать подчеркнутость в описании товара и сделать шрифт больше. Эта надпись просто раздражает
Прикрепленный файл 2014-06-03_171714.png
Здравствуйте в шаблоне Товары найдите
<div style = "text-align:center; margin-top: 5px; height:40px;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;" style="font-size:12px; color: #f87425;">{goods.NAME}</a></div> 
   значение font-size:12px отвечает за размер шрифта, меняете значение меняете шрифт.

#57 Ильяc

Ильяc

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

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

Отправлено 03 Июнь 2014 - 17:45

Просмотр сообщенияИрина345 (03 Июнь 2014 - 17:06) писал:


Здравствуйте в шаблоне Товары найдите
<div style = "text-align:center; margin-top: 5px; height:40px;"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»" style="font-size:12px; color: #f87425;">{goods.NAME}</a></div> 
   значение font-size:12px отвечает за размер шрифта, меняете значение меняете шрифт.

Не меняется размер..и как сделать, чтобы не были подчеркнутыми

#58 Ильяc

Ильяc

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

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

Отправлено 03 Июнь 2014 - 17:56

Просмотр сообщенияИльяc (03 Июнь 2014 - 17:45) писал:



На главной странице как поменять размер и убрать подчеркнутую линию описания?


#59 Ирина345

Ирина345

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

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

Отправлено 03 Июнь 2014 - 18:21

Просмотр сообщенияИльяc (03 Июнь 2014 - 17:56) писал:

найдите в HTML
на 599 строчке
  <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;" style="font-size:12px; color: #f87425;">{index_page_favorites_goods.NAME}</a></div>  
и замените на

  <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу &laquo;{index_page_favorites_goods.NAME}&raquo;" style="font-size:12px; color: #f87425; text-decoration: none;">{index_page_favorites_goods.NAME}</a></div>  

на строчке 649 проделайте тоже самое
                        
	<a href="{index_page_new_goods.URL}" title="Перейти на страницу &laquo;{index_page_new_goods.NAME}&raquo;" style="font-size:12px; color: #f87425;">{index_page_new_goods.NAME}</a>  </div>
на 792 строчке тоже самое
							<a href="{index_page_goods.URL}" title="Перейти на страницу &laquo;{index_page_goods.NAME}&raquo;" style="font-size:12px; color: #f87425;">{index_page_goods.NAME}</a></div>  


#60 Ильяc

Ильяc

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

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

Отправлено 03 Июнь 2014 - 19:06

Просмотр сообщенияИрина345 (03 Июнь 2014 - 18:21) писал:


найдите в HTML
на 599 строчке
  <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу «{index_page_favorites_goods.NAME}»" style="font-size:12px; color: #f87425;">{index_page_favorites_goods.NAME}</a></div>  
и замените на

  <a href="{index_page_favorites_goods.URL}" title="Перейти на страницу «{index_page_favorites_goods.NAME}»" style="font-size:12px; color: #f87425; text-decoration: none;">{index_page_favorites_goods.NAME}</a></div>  

на строчке 649 проделайте тоже самое
                        
	<a href="{index_page_new_goods.URL}" title="Перейти на страницу «{index_page_new_goods.NAME}»" style="font-size:12px; color: #f87425;">{index_page_new_goods.NAME}</a>  </div>
на 792 строчке тоже самое
							<a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»" style="font-size:12px; color: #f87425;">{index_page_goods.NAME}</a></div>  

Спасибо! получилось





Темы с аналогичным тегами кнопка купить

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

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