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


Как Реализовать Эту Функцию В Карточку Товара?


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

#21 Castiel

Castiel

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

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

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

Просмотр сообщенияЯрослав 196 (06 Май 2014 - 12:48) писал:

Если я сохраню изменения - как тогда будет работать ИМ? У меня реклама куплена, как я смогу остановить работу магазина??? Во втором моем шаблоне - "Сияние" без проблем написали код и все работает, а в шаблоне пластик я уже почти неделю не могу добиться результата

Здравствуйте, попробуйте такой вариант
Редактируем шаблон Товар
Находим
</ul>
			  <ul class="right txtalgncnt">

Заменяем на
<li>
				 <div class="goodsDataMainModificationQuantity">
				 <label for="quantity_wanted">Количество :</label>
				 <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;" maxlength="12" value="1" title="Количество" class="text" />
				 </div>
				</li>
			  </ul>
			  <ul class="right txtalgncnt">


В конец файла "main.css".
Добавить код:
.goodsDataMainModificationQuantity{ font: italic 12px Verdana, Geneva, sans-serif; width:170px; } /*расположение поля и шрифт надписи*/
input.text{border: solid 1px #E8E8E8;padding:2px;font: italic 12px Verdana, Geneva, sans-serif;}


#22 Ярослав 196

Ярослав 196

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

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

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

Просмотр сообщенияCastiel (06 Май 2014 - 16:02) писал:

Здравствуйте, попробуйте такой вариант
Редактируем шаблон Товар
Находим
</ul>
			 <ul class="right txtalgncnt">

Здравствуйте, к сожалению такого нет в шаблоне "Товар"

#23 Ирина345

Ирина345

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

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

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

Просмотр сообщенияЯрослав 196 (06 Май 2014 - 18:25) писал:

Здравствуйте, к сожалению такого нет в шаблоне "Товар"
Здравствуйте 109 строчка

#24 Ярослав 196

Ярослав 196

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

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

Отправлено 07 Май 2014 - 02:58

Просмотр сообщенияCastiel (06 Май 2014 - 16:02) писал:

Здравствуйте, попробуйте такой вариант
Редактируем шаблон Товар
Находим
</ul>
			 <ul class="right txtalgncnt">

Заменяем на
<li>
				 <div class="goodsDataMainModificationQuantity">
				 <label for="quantity_wanted">Количество :</label>
				 <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;" maxlength="12" value="1" title="Количество" class="text" />
				 </div>
			 </li>
			 </ul>
			 <ul class="right txtalgncnt">


В конец файла "main.css".
Добавить код:
.goodsDataMainModificationQuantity{ font: italic 12px Verdana, Geneva, sans-serif; width:170px; } /*расположение поля и шрифт надписи*/
input.text{border: solid 1px #E8E8E8;padding:2px;font: italic 12px Verdana, Geneva, sans-serif;}
Спасибо, именно так мне и хотелось. Только в строке поиска рамка вылезла. Как её убрать? И как ещё добавить кнопки стрелочки(больше-меньше) после рамки выбора количества?

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

Здравствуйте 109 строчка
Спасибо, нашел

#25 Vaccina

Vaccina

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

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

Отправлено 07 Май 2014 - 04:14

По поиску, найдите примерно сл.код в main.css:
#panelsite div.centercol .search input.text {
	background: url("http://design.sinocar.ru/searchbg.jpg") no-repeat scroll 0 -10px rgba(0, 0, 0, 0);
	color: #B7B7B7;
	cursor: default;
	float: left;
	font: italic 12px/30px Verdana,Geneva,sans-serif;
	height: 30px;
	padding: 0 5px 0 131px;
	width: 546px;
}
замените на:
#panelsite div.centercol .search input.text {
	background: url("http://design.sinocar.ru/searchbg.jpg") no-repeat scroll 0 -10px rgba(0, 0, 0, 0);
	color: #B7B7B7;
	cursor: default;
	float: left;
	font: italic 12px/30px Verdana,Geneva,sans-serif;
	height: 30px;
	padding: 0 5px 0 131px;
	width: 546px;
	border: none;
}

в измененном коде добавлен border: none;

Инструкция по добавлению кнопок к кол-ву:
http://forum.storela...ара/#entry52246

То есть необходимо:
<li>
								 <div class="goodsDataMainModificationQuantity">
								 <label for="quantity_wanted">Количество :</label>
								 <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;" maxlength="12" value="1" title="Количество" class="text" />
								 </div>
						 </li>
заменить на:
<li>
<label for="quantity_wanted">Количество :</label>
<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>
<div class="clear"></div>
</div>  
</div>
						 </li>
и вставить стили в main.css:
.goodsDataMainModificationQuantity {
font: italic 12px Verdana, Geneva, sans-serif;
width: 170px;
}
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;
}
.numeric_input {
margin-top: -18px;
margin-left: 100px;
}
.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.png);
}
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.png);
}

также в редактор шаблонов загрузите картинки стрелок с названием bg_up.png и bg_down.png




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

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