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


Коррекция Страницы Товара


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

#1 Olga2209

Olga2209

    Продвинутый пользователь

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

Отправлено 06 Март 2014 - 14:03

Добрый день!

Помогите пожалуйста внести след.изменения на странице товара (см.скрин):

1. Убрать кол-во к заказу
2. Перетащить и установить кнопку "купить" рядом с ценой справа
3.На место кол-ва к заказу поставить фильтр по размерам.

Спасибо!

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

  • Безымянный2.png


#2 miniplaneta

miniplaneta

    Продвинутый пользователь

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

Отправлено 06 Март 2014 - 15:04

Просмотр сообщенияOlga2209 (06 Март 2014 - 14:03) писал:

Помогите пожалуйста внести след.изменения на странице товара

что-то подобное можно по-читать здесь http://forum.storela...ци/#entry123766

#3 Olga2209

Olga2209

    Продвинутый пользователь

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

Отправлено 07 Март 2014 - 09:00

Спасибо,разобралась.Единственное,помогите пож-та перетащить кнопу "купить" (поместить справа от цены),как показано на скрине.

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

  • Безымянный3.png


#4 Olga2209

Olga2209

    Продвинутый пользователь

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

Отправлено 07 Март 2014 - 19:00

Разобралась.

#5 DropMart

DropMart

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

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

Отправлено 19 Апрель 2014 - 18:18

Просмотр сообщенияOlga2209 (07 Март 2014 - 19:00) писал:

Разобралась.

а я вот что то не могу разобраться. помогите

#6 sengun

sengun

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

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

Отправлено 20 Апрель 2014 - 17:19

Просмотр сообщенияDropMart (19 Апрель 2014 - 18:18) писал:

а я вот что то не могу разобраться. помогите
Здравствуйте. Вы хотите кнопку "Купить" в карточке товара поставить справа от цены?

#7 DropMart

DropMart

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

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

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

Просмотр сообщенияsengun (20 Апрель 2014 - 17:19) писал:

Здравствуйте. Вы хотите кнопку "Купить" в карточке товара поставить справа от цены?

Да. Помогите если конечно не трудно.

#8 Dars

Dars

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

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

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

Просмотр сообщенияDropMart (08 Май 2014 - 10:58) писал:

Да. Помогите если конечно не трудно.
В шаблоне "Товар" найдите код:
<input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
и переместите его после строк:
<span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"></span>
			  {% ENDIF %}
			</div>
Далее, в main.css найдите строку:
  .pricetag {margin:15px 0;font-family: 'Ubuntu Condensed';}
и замените её на:
  .pricetag {margin:15px 0;font-family: 'Ubuntu Condensed';float: left;}
Найдите строку:
input.button_cart_product {background-color:#251b19;}
и замените её на:
input.button_cart_product {background-color:#251b19;margin-left: 15px;}


#9 DropMart

DropMart

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

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

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

Просмотр сообщенияDars (08 Май 2014 - 14:11) писал:

В шаблоне "Товар" найдите код:
<input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
и переместите его после строк:
<span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"></span>
			 {% ENDIF %}
		 </div>
Далее, в main.css найдите строку:
.pricetag {margin:15px 0;font-family: 'Ubuntu Condensed';}
и замените её на:
.pricetag {margin:15px 0;font-family: 'Ubuntu Condensed';float: left;}
Найдите строку:
input.button_cart_product {background-color:#251b19;}
и замените её на:
input.button_cart_product {background-color:#251b19;margin-left: 15px;}

Спасибо большое. Все получилось.
Еще, думаю что последняя просьба.
Нужно вернуть выбор количества. Я его давно еще удалил, а теперь эта функция жизненно необходима. А как вернуть не помню((

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

  • 123.jpg


#10 Dars

Dars

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

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

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

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

Спасибо большое. Все получилось.
Еще, думаю что последняя просьба.
Нужно вернуть выбор количества. Я его давно еще удалил, а теперь эта функция жизненно необходима. А как вернуть не помню((
В шаблоне "Товар" перед кодом:
</div>
<!-- /Добавление в корзину -->
Вставьте код:
<div class="plus_minus_quantity">
			  <span class="qty-minus">-</span>
		   <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
		  <span class="qty-plus">+</span>
		</div>


#11 DropMart

DropMart

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

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

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

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

В шаблоне "Товар" перед кодом:
</div>
<!-- /Добавление в корзину -->
Вставьте код:
<div class="plus_minus_quantity">
			 <span class="qty-minus">-</span>
		 <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
		 <span class="qty-plus">+</span>
	 </div>

А можно сделать так, чтобы при изменении количества цена тоже изменялась?

#12 Сake

Сake

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

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

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

Просмотр сообщенияDropMart (08 Май 2014 - 15:41) писал:

А можно сделать так, чтобы при изменении количества цена тоже изменялась?

Для страницы товара можно использовать следующий код

$(function() {
  $('[name="form[goods_mod_quantity]"]').keyup(function() {
	var mod = $('select[name="form[properties][]"]').val();
	var list = $('.goodsDataMainModificationsList[rel="' + mod + '"]');
	if(list.length) {
	  var price = parseFloat(list.find('.price_now_formated .num')
		.text().replace(/\W+/, ''));
	  var total = (price * parseInt($(this).val()));
	  $('.goodsDataMainModificationPriceNow .num')
		.text(number_format(total, 0, ',', ' '));
	}
  });
});

данный код необходимо разместить в конце файла main.js (#product)

#13 DropMart

DropMart

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

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

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

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

Для страницы товара можно использовать следующий код

$(function() {
$('[name="form[goods_mod_quantity]"]').keyup(function() {
var mod = $('select[name="form[properties][]"]').val();
var list = $('.goodsDataMainModificationsList[rel="' + mod + '"]');
if(list.length) {
	 var price = parseFloat(list.find('.price_now_formated .num')
	 .text().replace(/\W+/, ''));
	 var total = (price * parseInt($(this).val()));
	 $('.goodsDataMainModificationPriceNow .num')
	 .text(number_format(total, 0, ',', ' '));
}
});
});

данный код необходимо разместить в конце файла main.js (#product)

Спасибо! Тогда еще может подскажите как сделать, чтобы когда товара нет в наличии, то кнопка "купить" не отображалась?
У меня так и было, пока я не перенес кнопку "Купить" в другое место.
У меня раньше просто отображалась кнопка "нет в наличии". А сейчас отображаются обе кнопки.

#14 daria_dnk

daria_dnk

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

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

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

Просмотр сообщенияDropMart (10 Май 2014 - 13:11) писал:

Спасибо! Тогда еще может подскажите как сделать, чтобы когда товара нет в наличии, то кнопка "купить" не отображалась?
У меня так и было, пока я не перенес кнопку "Купить" в другое место.
У меня раньше просто отображалась кнопка "нет в наличии". А сейчас отображаются обе кнопки.
Здравствуйте!
В шаблоне Товар найдите строку
<input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
замените ее на
{% IF GOODS_MOD_REST_VALUE>0 %}
<input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
{% ENDIF %}


#15 DropMart

DropMart

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

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

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

Просмотр сообщенияdaria_dnk (10 Май 2014 - 14:55) писал:

Здравствуйте!
В шаблоне Товар найдите строку
<input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
замените ее на
{% IF GOODS_MOD_REST_VALUE>0 %}
<input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
{% ENDIF %}

Круто! Спасибо огромное!!!

#16 tega4

tega4

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

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

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

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

Для страницы товара можно использовать следующий код

$(function() {
$('[name="form[goods_mod_quantity]"]').keyup(function() {
var mod = $('select[name="form[properties][]"]').val();
var list = $('.goodsDataMainModificationsList[rel="' + mod + '"]');
if(list.length) {
	 var price = parseFloat(list.find('.price_now_formated .num')
	 .text().replace(/\W+/, ''));
	 var total = (price * parseInt($(this).val()));
	 $('.goodsDataMainModificationPriceNow .num')
	 .text(number_format(total, 0, ',', ' '));
}
});
});

данный код необходимо разместить в конце файла main.js (#product)
а у меня не срабатывает SL-25754 и сразу еще скажу что для быстрого просмотра тоже надо сделать.

#17 Сake

Сake

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

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

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

У вас не работает код из-за изменения типа модификации. Используйте следующий код

function updatePriceQuantity() {
$('[name="form[goods_mod_quantity]"]').keyup(function() {
var mod = $('.goodsDataMainModificationsRadio input:checked').val();
var list = $('.goodsDataMainModificationsList[rel="' + mod + '"]');
if(list.length) {
		 var price = parseFloat(list.find('.price_now_formated .num')
		 .text().replace(/\W+/, ''));
		 var total = (price * parseInt($(this).val()));
		 $('.goodsDataMainModificationPriceNow .num')
		 .text(number_format(total, 0, ',', ' '));
}
});
}
$(function() {
  updatePriceQuantity();
});

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

applyGoodsDataProperties(goodsDataProperties, goodsDataModifications);
visibleModificationsColor();

и замените на

applyGoodsDataProperties(goodsDataProperties, goodsDataModifications);
visibleModificationsColor();
updatePriceQuantity();


#18 tega4

tega4

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

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

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

Спасибо, теперь все работает как надо)

#19 blackhawk

blackhawk

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородКазань

Отправлено 05 Август 2014 - 09:27

Уважаемый Cake, а вы не могли бы и мне подсказать как разместить код в main.js, пробовал вставить код из сообщений #13 и #18, но оба не работают в моей модификации :(

#20 Сake

Сake

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

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

Отправлено 06 Август 2014 - 00:32

Добавьте в ваш файл main.js следующий код

$(function() {
  $('[name="form[goods_mod_quantity]"]').keyup(function() {
	var mod = $('.goodsDataMainModificationsBlock option:selected').val();
	var list = $('.goodsDataMainModificationsList[rel="' + mod + '"]');
	if(list.length) {
	  var price = parseFloat(list.find('.price_now_formated .num')
				 .text().replace(/\W+/, ''));
	  var total = (price * parseInt($(this).val()));
	  $('.goodsDataMainModificationPriceNow .num')
				 .text(number_format(total, 0, ',', ' '));
	}
  });
});





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

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