Сообщений в теме: 9

[tatux]

Как создать счетчик товаров  как в шаблоне осень, чтобы получилось как на картинке?
У меня шаблон Сияние.

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

• 

[Alexey11]

tatux (09 Март 2014 - 15:07) писал:

Как создать счетчик товаров  как в шаблоне осень, чтобы получилось как на картинке?
У меня шаблон Сияние.

Укажите пожалуйста номер вашего аккаунта, и добавьте его к себе в профиль.

[tatux]

Номер аккаунта  SL-277038

[tatux]

Ну сколько можно  ждать ответа на вопрос?

[Alexey11]

tatux (11 Март 2014 - 21:40) писал:

Ну сколько можно  ждать ответа на вопрос?

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

[tatux]

Я же пояснил как на картинке, чтобы были плюс и минус а не верх и вниз.

[Сake]

На данный момент в вашем шаблоне "Товар" вставлен код из темы "Осень", для корректного отображения кнопок необходимы стили. Попробуйте добавить в ваш файл стилей main.css следующие стили

.quantity_add_cart{margin:10px 0;border-top:1px dotted #c0c0c0;min-height:36px}
#set-quantity{overflow:hidden;float:left;margin:10px 20px 0 0;}
#set-quantity .qty-label{display:block;float:left;margin:8px 10px 0 0;color:#444444;font-weight:700;padding-bottom:5px}
#set-quantity #qty-button-down, #set-quantity #qty-button-up{display:block;float:left;border:1px solid #c0c0c0;background:#f2f2f2;line-height:34px;height:34px;*height:30px;width:18px;
text-align:center;cursor:pointer;*margin-top: 1px;}
#set-quantity #qty-button-down{border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px}
#set-quantity #qty-down{display:block;width:18px;height:34px;background:url('{ASSETS_IMAGES_PATH}minus_dark.png') no-repeat 50%}
#set-quantity #qty-button-up{border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0}
#set-quantity #qty-up{display:block;width:18px;height:34px;background:url('{ASSETS_IMAGES_PATH}plus_dark.png') no-repeat 50%}
#quantity_wanted_p{float:left}

далее вам понадобиться загрузить в раздел редактора шаблонов изображения minus_dark.png и plus_dark.png. Данные изображения находятся в прикрепленном архиве  images.zip   1,36К   29 Количество загрузок:

[tatux]

Всё сделал как вы описали, только кнопки не работают. Сайт http://edafitness.ru
Помогите доделать до конца.

[Сake]

Добавьте в ваш файл стилей main.css

#quantity_wanted_p {
  margin: 0;
}
#quantity_wanted_p input {
  height: 24px;
  padding: 5px 0;
}

далее в самый конец файла main.js добавьте

$(function() {
  $('#qty-button-up').click(function(){
	var currentVal = parseInt($('#qty').val());
	if (!isNaN(currentVal)){
		$('#qty').val(currentVal + 1);
		$('#qty').trigger('keyup');
	}
	return false;
  });
  $('#qty-button-down').click(function(){
	var currentVal = parseInt($('#qty').val());
	if (!isNaN(currentVal) && !(currentVal <= 1) ){
		$('#qty').val(currentVal - 1);
		$('#qty').trigger('keyup');
	}
	return false;
  });
});

[tatux]

Огромное Спасибо за понимание, грамотный подход и профессионализм. Всё стало на свои места и работает отлично.
Желаю Вам и Вашей компании  успехов и новых достижений!