Неактивная Кнопка "купить" При Отсутствии Товара
#1
Отправлено 07 Октябрь 2013 - 08:05
Как сделать, чтобы при отсутствии модификации товара кнопка "купить" была не активна - нельзя было перейти на другой шаг оформления заказа. Можно и прикрутить другого цвета кнопку и написать на кнопке товара нет в наличии
Если это уже обсуждалось - буду рад ссылке на тему.
Заранее спасибо всем откликнувшимся!
#2
Отправлено 07 Октябрь 2013 - 09:06
Yurren (07 Октябрь 2013 - 08:05) писал:
Как сделать, чтобы при отсутствии модификации товара кнопка "купить" была не активна - нельзя было перейти на другой шаг оформления заказа. Можно и прикрутить другого цвета кнопку и написать на кнопке товара нет в наличии
Если это уже обсуждалось - буду рад ссылке на тему.
Заранее спасибо всем откликнувшимся!
Здравствуйте!
Можно включить функцию Отключить возможность класть в корзину больше товара, чем есть в наличии в разделе "Настройки" > "Основные" и клиенту будет выводится сообщение о невозможности купить данный товар, если его остаток нулевой.
#3
Отправлено 07 Октябрь 2013 - 14:37
CrazyCat (07 Октябрь 2013 - 09:06) писал:
Можно включить функцию Отключить возможность класть в корзину больше товара, чем есть в наличии в разделе "Настройки" > "Основные" и клиенту будет выводится сообщение о невозможности купить данный товар, если его остаток нулевой.
По всем законам юзабилити клиента ВРЕДНО гонять по другим шагам, чтобы оттуда послать, объяснив, что он не прав... Чтобы вернулся и все повторил. Он может и пойти, но не искать а в другой магазин.
Гораздо проще внести коррективы к код и сделать кнопку неактивной - сразу будет видно "нет так нет. не судьбы. счас поищем что то другое )"
p.s. То что Вы предложили уже стоит, но по вышеуказанным причинам не устраивает! http://joxi.ru/uJxSUtg5CbAuNvOfwK8
Тема открыта!!!
#4
Отправлено 07 Октябрь 2013 - 16:02
<td class="goodsDataFormSubmitButton"> <a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a><br /><br /> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить «{GOODS_NAME}» к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a> <a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="#" >Убрать из сравнения</a> {% ENDIF %} {% ENDIF %} </td> </tr>
и замените его на
<td class="goodsDataFormSubmitButton"> {% IF GOODS_MOD_REST_VALUE>0 %} <a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a><br /><br /> {% ELSE %} <p class="more-link1">В корзину</a><br /><br /> {% ENDIF %} <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить «{GOODS_NAME}» к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a> <a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="#" >Убрать из сравнения</a> {% ENDIF %} {% ENDIF %} </td> </tr>
В файле main.css найдите блок
.more-link, a.read-more, .paymentFormTbodySubmitButton { font: bold 12px/30px Tahoma, Geneva, sans-serif; color: #666; text-decoration: none; background: url("{ASSETS_IMAGES_PATH}read_more.jpg") no-repeat left top; height: 30px; width: 135px; padding-left: 15px; display: inline-block; }
и замените на
.more-link, .more-link1, a.read-more, .paymentFormTbodySubmitButton { font: bold 12px/30px Tahoma, Geneva, sans-serif; color: #666; text-decoration: none; background: url("{ASSETS_IMAGES_PATH}read_more.jpg") no-repeat left top; height: 30px; width: 135px; padding-left: 15px; display: inline-block; }
#5
Отправлено 07 Октябрь 2013 - 16:14
#6
Отправлено 08 Октябрь 2013 - 04:30
// Есть ли товар есть в наличии if(modificationRestValue>0) { goodsAvailableTrue.show(); goodsAvailableFalse.hide(); // Если товара нет в наличии } else { goodsAvailableTrue.hide(); goodsAvailableFalse.show(); }
и замените на
// Есть ли товар есть в наличии if(modificationRestValue>0) { goodsAvailableTrue.show(); $('.goodsDataForm-not-rest-value').removeClass('goodsDataForm-not-rest-value').addClass('goodsDataForm'); $('.goodsDataFormSubmitButton .more-link').text('В корзину'); goodsAvailableFalse.hide(); // Если товара нет в наличии } else { goodsAvailableTrue.hide(); $('.goodsDataForm').removeClass('goodsDataForm').addClass('goodsDataForm-not-rest-value'); $('.goodsDataFormSubmitButton .more-link').text('Нет в наличии'); goodsAvailableFalse.show(); }
#7
Отправлено 08 Октябрь 2013 - 06:35
Vaccina (08 Октябрь 2013 - 04:30) писал:
// Есть ли товар есть в наличии if(modificationRestValue>0) { goodsAvailableTrue.show(); goodsAvailableFalse.hide(); // Если товара нет в наличии } else { goodsAvailableTrue.hide(); goodsAvailableFalse.show(); }
и замените на
// Есть ли товар есть в наличии if(modificationRestValue>0) { goodsAvailableTrue.show(); $('.goodsDataForm-not-rest-value').removeClass('goodsDataForm-not-rest-value').addClass('goodsDataForm'); $('.goodsDataFormSubmitButton .more-link').text('В корзину'); goodsAvailableFalse.hide(); // Если товара нет в наличии } else { goodsAvailableTrue.hide(); $('.goodsDataForm').removeClass('goodsDataForm').addClass('goodsDataForm-not-rest-value'); $('.goodsDataFormSubmitButton .more-link').text('Нет в наличии'); goodsAvailableFalse.show(); }
Ваша помощь как всегда бесценна!
Все работает!
#8
Отправлено 08 Октябрь 2013 - 12:11
Yurren (08 Октябрь 2013 - 06:35) писал:
Ваша помощь как всегда бесценна!
Все работает!
Здравствуйте, у меня вот такой код:
// Есть ли товар есть в наличии if(modificationRestValue>0) { goodsAvailableTrue.show(); goodsAvailableFalse.hide(); // Если товара нет в наличии } else { goodsAvailableTrue.hide(); goodsAvailableFalse.show(); }
К сожалению, смена кода на вышеописанный мне не помогло.
#9
Отправлено 09 Октябрь 2013 - 02:09
Вы можете использовать следующий код - в файле main.js найдите
// Есть ли товар есть в наличии if(modificationRestValue>0) { goodsAvailableTrue.show(); goodsAvailableFalse.hide(); // Если товара нет в наличии } else { goodsAvailableTrue.hide(); goodsAvailableFalse.show(); }
и замените на
// Есть ли товар есть в наличии if(modificationRestValue>0) { goodsAvailableTrue.show(); goodsAvailableFalse.hide(); $('.goodsDataFormSubmitButton > div > input[type="submit"]:first').removeAttr('disabled').val('В корзину'); // Если товара нет в наличии } else { goodsAvailableTrue.hide(); goodsAvailableFalse.show(); $('.goodsDataFormSubmitButton > div > input[type="submit"]:first').attr('disabled', 'disabled').val('Нет в наличии'); }
#10
Отправлено 20 Октябрь 2013 - 17:36
#11
Отправлено 20 Октябрь 2013 - 17:42
Сake (09 Октябрь 2013 - 02:09) писал:
Вы можете использовать следующий код - в файле main.js найдите
Код вставил, но почему-то не работает. Здесьнет 17-го размера и при выборе этого размера кнопка "положить в корзину" активна
#12
Отправлено 22 Октябрь 2013 - 01:05
// Есть ли товар есть в наличии if(modificationRestValue>0) { goodsAvailableTrue.show(); goodsAvailableFalse.hide(); $('.goodsDataFormSubmitButton > input[type="submit"]:first').removeAttr('disabled').val('В корзину'); // Если товара нет в наличии } else { goodsAvailableTrue.hide(); goodsAvailableFalse.show(); $('.goodsDataFormSubmitButton > input[type="submit"]:first').attr('disabled', 'disabled').val('Нет в наличии'); }
#13
Отправлено 27 Октябрь 2013 - 19:36
#14
Отправлено 01 Ноябрь 2013 - 19:49
#15
Отправлено 01 Ноябрь 2013 - 20:39
ginger (01 Ноябрь 2013 - 19:49) писал:
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.js".
Найти код:
// Есть ли товар есть в наличии if(modificationRestValue>0) { goodsAvailableTrue.show(); goodsAvailableFalse.hide(); // Если товара нет в наличии } else { goodsAvailableTrue.hide(); goodsAvailableFalse.show(); }Заменить:
// Есть ли товар есть в наличии if(modificationRestValue>0) { goodsAvailableTrue.show(); goodsAvailableFalse.hide(); $('.goodsDataFormSubmitButton > input[type="submit"]:first').removeAttr('disabled').val('Положить в корзину').removeClass('button-disabled ui-state-disabled ');; // Если товара нет в наличии } else { goodsAvailableTrue.hide(); goodsAvailableFalse.show(); $('.goodsDataFormSubmitButton > input[type="submit"]:first').attr('disabled', 'disabled').val('Нет в наличии').addClass('button-disabled ui-state-disabled'); }
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Товар".
Найти код:
<input type="submit" value="Положить в корзину" style="width:200px;" />Заменить:
{% IF GOODS_MOD_REST_VALUE>0 %} <input type="submit" value="Положить в корзину" style="width:200px;" /> {% ELSE %} <input type="submit" value="Нет в наличии" style="width:200px;" disabled="disabled"/> {% ENDIF %}
#16
Отправлено 02 Ноябрь 2013 - 06:01
#18
Отправлено 29 Ноябрь 2013 - 00:24
$(function() { setTimeout(function() { $('select[name="form[properties][]"] :selected').trigger('change'); }, 500); });
#19
Отправлено 18 Январь 2014 - 18:41
#20
Отправлено 12 Март 2015 - 11:49
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных