Коррекция Страницы Товара
#1
Отправлено 06 Март 2014 - 14:03
Помогите пожалуйста внести след.изменения на странице товара (см.скрин):
1. Убрать кол-во к заказу
2. Перетащить и установить кнопку "купить" рядом с ценой справа
3.На место кол-ва к заказу поставить фильтр по размерам.
Спасибо!
#2
Отправлено 06 Март 2014 - 15:04
Olga2209 (06 Март 2014 - 14:03) писал:
что-то подобное можно по-читать здесь http://forum.storela...ци/#entry123766
#4
Отправлено 07 Март 2014 - 19:00
#8
Отправлено 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="Положить «{GOODS_NAME}» в корзину"/>и переместите его после строк:
<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
Отправлено 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="Положить «{GOODS_NAME}» в корзину"/>и переместите его после строк:
<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;}
Спасибо большое. Все получилось.
Еще, думаю что последняя просьба.
Нужно вернуть выбор количества. Я его давно еще удалил, а теперь эта функция жизненно необходима. А как вернуть не помню((
#10
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 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="Положить «{GOODS_NAME}» в корзину"/>замените ее на
{% IF GOODS_MOD_REST_VALUE>0 %} <input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/> {% ENDIF %}
#15
Отправлено 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="Положить «{GOODS_NAME}» в корзину"/>замените ее на
{% IF GOODS_MOD_REST_VALUE>0 %} <input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/> {% ENDIF %}
Круто! Спасибо огромное!!!
#16
Отправлено 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)
#17
Отправлено 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
Отправлено 21 Май 2014 - 12:51
#19
Отправлено 05 Август 2014 - 09:27
#20
Отправлено 06 Август 2014 - 00:32
$(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 анонимных