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


Счетчик Кол-Ва Товара


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

#41 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

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

Просмотр сообщенияKoderhan (14 Январь 2013 - 13:41) писал:

В файле main.css.
Найти код:
.numeric_input {
margin:auto;
position: absolute;
width: 100px;
}
.numeric_input div {
float:left;
width: 10px;margin-top:2px; /*если без рамки то поставьте значение 2px*/
}
.up_button, .down_button {
height:10px;
width:10px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center;
float: left;
border:0px;/*убирает рамку*/
}
.up_button {
background-image:url(/web/upload/assets/images/29/28748/bg_up.jpg);
}
.down_button {
background-image:url(/web/upload/assets/images/29/28748/bg_down.jpg);
}
input.text_q {
float: left;
text-align:right;
width:20px;
height:16px;
border: solid px #E8E8E8;
padding: 2px;
font: 12px Calibri, Verdana, Geneva, sans-serif;
color: #000;
}
Заменить:
.numeric_input {
margin:auto;
position: absolute;
width: 100px;
height: 20px;
}
.numeric_input div {
float:left;
width: 10px;margin-top:2px; /*если без рамки то поставьте значение 2px*/
}
.up_button, .down_button {
height:10px;
width:10px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center;
float: left;
border:0px;/*убирает рамку*/
}
.up_button {
background-image:url(/web/upload/assets/images/29/28748/bg_up.jpg);
margin-top: -1px;
}
.down_button {
background-image:url(/web/upload/assets/images/29/28748/bg_down.jpg);
margin-top: 4px;
}
input.text_q {
float: left;
text-align:right;
width:20px;
height: 18px;
border: solid px #E8E8E8;
padding: 2px;
font: 12px Calibri, Verdana, Geneva, sans-serif;
color: #000;
}
Повторюсь, как мне опустить слово Кол-во, квадратик чисел и стрелки, чтобы выровнять с кнопкой Купить и ценой?

#42 Vaccina

Vaccina

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

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

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

Найдите в файле стилей main.css

.numeric_input {
	margin: auto;
	position: absolute;
	width: 100px;
}

и замените на

.numeric_input {
	margin: 5px auto auto;
	position: absolute;
	width: 100px;
}


#43 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

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

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

Найдите в файле стилей main.css

.numeric_input {
margin: auto;
position: absolute;
width: 100px;
}

и замените на

.numeric_input {
margin: 5px auto auto;
position: absolute;
width: 100px;
}
Большое спасибо! А можно теперь установить код
<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 >
<input type="button" class="down_button" onclick="addone(1)">
<input type="button" class="up_button" onclick="addone(-1)">
</div>  

На страницу Корзины вместо теперешнего окошка количества товара:
  <td class="cell3">
	   <input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" />		  
				{cart_items.GOODS_MOD_MEASURE_NAME}
			  </td>
Если я просто заменяю имеющийся код, то он встает криво. Спасибо!

#44 Vaccina

Vaccina

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

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

Отправлено 09 Февраль 2013 - 02:02

Попробуйте заменить

<td class="cell3">
		   <input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" />		   
								{cart_items.GOODS_MOD_MEASURE_NAME}
						  </td>

на

<td class="cell3">
  <div class="numeric_input">
	 <input type="text" class="text_q" name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" id="quantity_wanted" value="{cart_items.ORDER_LINE_QUANTITY}" title="Количество" maxlength="12" onkeydown="this.blur()">
	 <input type="button" class="down_button" onclick="addone(1)">
	 <input type="button" class="up_button" onclick="addone(-1)">
  </div> 
</td>


#45 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 09 Февраль 2013 - 16:29

Изображение
Предполагаю, что на этот код действуют настройки со станицы товара:
.numeric_input {
margin: 7px auto auto;
position: absolute;
width: 100px;color: #666;
}
.numeric_input div {
float:left;color: #666;
width: 10px;margin-top:0px; /*если без рамки то поставьте значение 2px*/

}
.up_button, .down_button {
height:10px;
width:10px;
background-color:#;
background-repeat:no-repeat;
background-position:center;
float: right;
border:0px;/*убирает рамку*/
}
.up_button {
background-image:url({ASSETS_IMAGES_PATH}bg_up.jpg);margin:2px -3px
}
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);margin: 0 -3px
}
input.text_q {
float:left ;
text-align:right;
width:20px;
height:16px;
border: solid px #E8E8E8;
padding: 2px;
font: 12px Calibri, Verdana, Geneva, sans-serif;
color: #000;
}
Может быть сделать коррекцию для Корзины через Style? Только не могу определиться что подставить.

#46 Koderhan

Koderhan

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

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

Отправлено 09 Февраль 2013 - 17:53

На странице товара не удалось обнаружить такого поведения. При каких условиях возникают подобные ошибки ?

#47 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 09 Февраль 2013 - 21:49

Просмотр сообщенияKoderhan (09 Февраль 2013 - 17:53) писал:

На странице товара не удалось обнаружить такого поведения. При каких условиях возникают подобные ошибки ?
Прошу прощения, вопрос был к Vaccine

#48 Vaccina

Vaccina

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

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

Отправлено 12 Февраль 2013 - 01:55

Попробуйте использовать следующий код

<td class="cell3">
  <div class="numeric_input" style="position: relative; height: 25px; margin: 0;">
		 <input style="margin-right: 3px; text-align: right; width: 20px;" type="text" class="text_q" name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" id="quantity_wanted" value="{cart_items.ORDER_LINE_QUANTITY}" title="Количество" maxlength="12" onkeydown="this.blur()">
   <div style="padding-right: 5px;">
			<input style="background-color: transparent; width: 10px;" type="button" class="down_button" onclick="addone(1)">
			<input style="background-color: transparent; width: 10px;" type="button" class="up_button" onclick="addone(-1)">
   </div>
   <span sytle="padding-top: 3px; display: block;">шт</span>
  </div>
</td>


#49 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 12 Февраль 2013 - 15:08

Просмотр сообщенияVaccina (12 Февраль 2013 - 01:55) писал:

Попробуйте использовать следующий код

<td class="cell3">
<div class="numeric_input" style="position: relative; height: 25px; margin: 0;">
		 <input style="margin-right: 3px; text-align: right; width: 20px;" type="text" class="text_q" name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" id="quantity_wanted" value="{cart_items.ORDER_LINE_QUANTITY}" title="Количество" maxlength="12" onkeydown="this.blur()">
<div style="padding-right: 5px;">
		 <input style="background-color: transparent; width: 10px;" type="button" class="down_button" onclick="addone(1)">
		 <input style="background-color: transparent; width: 10px;" type="button" class="up_button" onclick="addone(-1)">
</div>
<span sytle="padding-top: 3px; display: block;">шт</span>
</div>
</td>
Спасибо, встало отлично, но стрелочки почему-то не работают.

#50 Vaccina

Vaccina

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

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

Отправлено 13 Февраль 2013 - 02:27

Вам необходимо в шаблон "Корзина" в самое начало шаблона вставить

<script language="JavaScript">
function addone(i) {   
				ta1=document.getElementById("quantity_wanted");
				ta1.value=parseInt(ta1.value)+i;
				if (parseInt(ta1.value) <= 1) { ta1.value=1; }
		}
</script>


#51 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 14 Февраль 2013 - 22:53

Просмотр сообщенияVaccina (13 Февраль 2013 - 02:27) писал:

Вам необходимо в шаблон "Корзина" в самое начало шаблона вставить

<script language="JavaScript">
function addone(i) {
			 ta1=document.getElementById("quantity_wanted");
			 ta1.value=parseInt(ta1.value)+i;
			 if (parseInt(ta1.value) <= 1) { ta1.value=1; }
	 }
</script>
Огромное спасибо! все заработало!

#52 sanik55

sanik55

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

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

Отправлено 15 Февраль 2013 - 10:16

Спецы, подскажите, как реализовать вышеозвученные функции для магазина http://s587861.storeland.ru/

Кода подобного этому в файлах Товар и Товары не найдено

<input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text">


#53 miyako

miyako

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

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

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

Просмотр сообщенияsanik55 (15 Февраль 2013 - 10:16) писал:

Спецы, подскажите, как реализовать вышеозвученные функции для магазина http://s587861.storeland.ru/

Кода подобного этому в файлах Товар и Товары не найдено

<input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text">
Допустим вы хотите вставить функцию с выбором количества ниже цены:
найдите в шаблоне Товар примерно следующий код:

<div class="clear"></div>
		 </div>
		 <!-- Цена и Кнопки-Конец -->
		 <!-- Блок информации по акции действующей на товар, если таковая есть -->
		 {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
		 <div class="block">
			 <div class="delivery fnt12n txtalgnlft">
			 <p class="fnt12b">
				 Товар участвует в акции &laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.
			 </p>

и перед ним вставьте код:
<script language="JavaScript">
function addone(i) {
			 ta1=document.getElementById("quantity_wanted");
			 ta1.value=parseInt(ta1.value)+i;
			 if (parseInt(ta1.value) <= 0) { ta1.value=0; }
	 }
</script>
<div class="numeric_input"><p style="
float: left;
padding: 3px;
margin: 0px;
position: relative;
">
Кол-во: </p>
<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: -4px;">
<input type="button" class="up_button" onclick="addone(1)">
<input type="button" class="down_button" onclick="addone(-1)">
</div>
</div>

В файл main.csstemplate добавьте код:
.numeric_input {
position: relative;
float:left;
width:300px;
}
.numeric_input div {
float:left;
width: 10px;
}
.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);
}
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);
}
input.text_q {
float: left;
text-align:right;
width:20px;
height:16px;
border: solid 1px #E8E8E8;
padding: 2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}
А также не забудьте загрузить в Файлы изображения для кнопок

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

  • bg_up.jpg
  • bg_down.jpg


#54 sanik55

sanik55

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

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

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

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

#55 miyako

miyako

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

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

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

Просмотр сообщенияsanik55 (15 Февраль 2013 - 11:30) писал:

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

Через какой браузер вы это делали? В последней версии chrome работает нормально.

#56 sanik55

sanik55

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

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

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

Через Opera 12.12. Проверил через Хром и действительно, все работает корректно... А как поправить действие кнопки в Опере?..

#57 miyako

miyako

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

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

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

Просмотр сообщенияsanik55 (15 Февраль 2013 - 11:49) писал:

Через Opera 12.12. Проверил через Хром и действительно, все работает корректно... А как поправить действие кнопки в Опере?..

В версии 12.14 оперы все работает корректно.

#58 odissei

odissei

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

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 15 Февраль 2013 - 15:33

Создал кнопки в корзине. Так как там затемняется фон, заменил в файле main.css bg_down.jpg на bg_down.png с прозрачным фоном. Ни один браузер ни на одном компьютере не видит кнопку. Подскажите, пожалуйста, что делать?

В исходном коде страницы показывает bg_down.jpg

#59 Koderhan

Koderhan

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

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

Отправлено 15 Февраль 2013 - 16:23

на вашем сайте файл " bg_down.jpg" не доступен.
В файле "main.csstemplate".
Найти код:
.down_button {
background-image:url(/web/upload/assets/images/145/144230/bg_down.jpg);
}
Заменить:
.down_button {
background-image:url(/web/upload/assets/images/145/144230/bg_down.png);
}


#60 odissei

odissei

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

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 15 Февраль 2013 - 16:28

Вы не поняли меня. Я как раз заменил в файле "main.csstemplate". Но в коде страницы в браузере он не меняется.



1.jpg

2.jpg




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

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