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


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

Автор Ильяc, 04 мая 2014 10:50
кнопка купить

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

#101 Ильяc

Ильяc

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

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

Отправлено 20 Июнь 2014 - 14:10

Подскажите что нужно сделать, чтобы в категориях бы форма изменения количества товара как на главной странице

Сейчас так:
2014-06-20_150722.png

Хотелось бы так:
2014-06-20_150752.png

#102 Vaccina

Vaccina

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

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

Отправлено 20 Июнь 2014 - 23:49

В шаблоне HTML найдите и удалите:
<style>
.numeric_input {
float:left;
margin-top: -20px;
}
.numeric_input div {
float:left;
width:20px;
}
.up_button, .down_button {
height:10px;
width:10px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center;
}
.up_button {
background-image:url({ASSETS_IMAGES_PATH}bg_up.jpg); top:6px;
position: relative;
border:none;
}
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);
left: -2px;
top: 4px;
position: relative;
border:none;
}
@-moz-document url-prefix() { .down_button{left: 0px;}}
input.text_q {
float:left;
text-align:right;
width:20px;
height:16px;
border: solid 1px #E8E8E8;
padding: 2px;
margin:2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}
</style>

В конец файла main.css вставьте:
.numeric_input {
float:left;
margin-top: -20px;
}
.numeric_input div {
float:left;
width:20px;
}
.up_button, .down_button {
height:10px;
width:10px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center;
}
.up_button {
background-image:url({ASSETS_IMAGES_PATH}bg_up.jpg); top:6px;
position: relative;
border:none;
}
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);
left: -2px;
top: 4px;
position: relative;
border:none;
}
@-moz-document url-prefix() { .down_button{left: 0px;}}
input.text_q {
float:left;
text-align:right;
width:20px;
height:16px;
border: solid 1px #E8E8E8;
padding: 2px;
margin:2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}

Шаблон Товары найдите:
<div style = "text-align:right; margin-top: -20px; margin-right:15px;">
			   
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			  <p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
<div class="goodsDataMainModificationQuantity" style="float:left;">
<label style="display:none;" for="quantity_wanted"></label><input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;margin-top: -4px;" maxlength="12" value="1" title="Количество" class="text" />
</div>
</div>
<!--<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>
 
</p>
			</form>
					</div>
замените на:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
						  <p>
<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}" />

<div class="numeric_input">
<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
onkeydown="this.blur()"/><div style="margin-top: -3px;">
<input type="button" class="up_button"
onclick="this.parentNode.previousSibling.value++" />
<input type="button" class="down_button"
onclick="this.parentNode.previousSibling.value--" />
</div>
</div>
<a 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>
</p>
						</form>

#103 Ильяc

Ильяc

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

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

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

Просмотр сообщенияVaccina (20 Июнь 2014 - 23:49) писал:

В шаблоне HTML найдите и удалите:
<style>
.numeric_input {
float:left;
margin-top: -20px;
}
.numeric_input div {
float:left;
width:20px;
}
.up_button, .down_button {
height:10px;
width:10px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center;
}
.up_button {
background-image:url({ASSETS_IMAGES_PATH}bg_up.jpg); top:6px;
position: relative;
border:none;
}
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);
left: -2px;
top: 4px;
position: relative;
border:none;
}
@-moz-document url-prefix() { .down_button{left: 0px;}}
input.text_q {
float:left;
text-align:right;
width:20px;
height:16px;
border: solid 1px #E8E8E8;
padding: 2px;
margin:2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}
</style>

В конец файла main.css вставьте:
.numeric_input {
float:left;
margin-top: -20px;
}
.numeric_input div {
float:left;
width:20px;
}
.up_button, .down_button {
height:10px;
width:10px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center;
}
.up_button {
background-image:url({ASSETS_IMAGES_PATH}bg_up.jpg); top:6px;
position: relative;
border:none;
}
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);
left: -2px;
top: 4px;
position: relative;
border:none;
}
@-moz-document url-prefix() { .down_button{left: 0px;}}
input.text_q {
float:left;
text-align:right;
width:20px;
height:16px;
border: solid 1px #E8E8E8;
padding: 2px;
margin:2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}

Шаблон Товары найдите:
<div style = "text-align:right; margin-top: -20px; margin-right:15px;">
			
			 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
<div class="goodsDataMainModificationQuantity" style="float:left;">
<label style="display:none;" for="quantity_wanted"></label><input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;margin-top: -4px;" maxlength="12" value="1" title="Количество" class="text" />
</div>
</div>
<!--<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>

</p>
		 </form>
				 </div>
замените на:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
						 <p>
<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}" />

<div class="numeric_input">
<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
onkeydown="this.blur()"/><div style="margin-top: -3px;">
<input type="button" class="up_button"
onclick="this.parentNode.previousSibling.value++" />
<input type="button" class="down_button"
onclick="this.parentNode.previousSibling.value--" />
</div>
</div>
<a 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>
</p>
					 </form>
Спасибо большое! Все получилось

#104 Ильяc

Ильяc

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

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

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

Здравствуйте. Нужно исправить форму изменения количества товара в карточке товара. Она налезает на надпись "товар есть в наличии" Скажите как исправить? Спасибо!

#105 Castiel

Castiel

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

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

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

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

Здравствуйте. Нужно исправить форму изменения количества товара в карточке товара. Она налезает на надпись "товар есть в наличии" Скажите как исправить? Спасибо!

Здравствуйте,

В файле "main.css".
Найти:
.numeric_input {
float: left;
margin-top: -20px;
}

Заменить:
.numeric_input {
float: left;
margin-top: 20px;
}

#106 Ильяc

Ильяc

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

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

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

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



Здравствуйте,

В файле "main.css".
Найти:
.numeric_input {
float: left;
margin-top: -20px;
}

Заменить:
.numeric_input {
float: left;
margin-top: 20px;
}
Если я меняю это значение, такая же форма в категориях исчезает

#107 Castiel

Castiel

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

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

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

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


Если я меняю это значение, такая же форма в категориях исчезает


В шаблоне "Товар"
Находим нп 170 строке:
<div class="numeric_input">

Заменяем на:
<div class="numeric_input" style="margin-top: 20px;">

#108 Ильяc

Ильяc

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

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

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

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




В шаблоне "Товар"
Находим нп 170 строке:
<div class="numeric_input">

Заменяем на:
<div class="numeric_input" style="margin-top: 20px;">

Теперь все правильно..Спасибо
Обратно в Шаблон Сияние



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

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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. Privacy Policy