Сохранение количества товара после его изменения в корзине

[sat]

Тесты магазина показали: большинство покупателей, внося изменения в количество товара в корзине, не могут их сохранить.

Т.е. покупатель вводит в корзине новую цифру в поле "Количество", затем вполне логично нажимает кнопку "Продолжить покупки" или кнопку "Оформить заказ", и покупателя автоматически перенаправляет из корзины на другую страницу. Но проблема в том, что в корзине новое количество не сохранилось - там по-прежнему старое количество.

Для сохранения количества товара в корзине после изменения существует кнопка "Применить", но ее большинство покупателей не замечает.

Это очевидный недостаток в юзабилити: покупатели интуитивно рассчитывали, что все сохранилось при нажатии на одну из кнопок "Продолжить покупки" и "Оформить заказ".

Можно ли сделать так, чтобы при изменении цифры количества, это изменение сохранялось нажатием любой из кнопок "Продолжить покупки" и "Оформить заказ"?

[ravilr]

ага.. а клиент о сумме потом должен догадываться... .. после оформления :-)

напишите инструкцию по пользованию... без нее никак.

[freelancer]

Тесты магазина показали: большинство покупателей, внося изменения в количество товара в корзине, не могут их сохранить.

Т.е. покупатель вводит в корзине новую цифру в поле "Количество", затем вполне логично нажимает кнопку "Продолжить покупки" или кнопку "Оформить заказ", и покупателя автоматически перенаправляет из корзины на другую страницу. Но проблема в том, что в корзине новое количество не сохранилось - там по-прежнему старое количество.

Для сохранения количества товара в корзине после изменения существует кнопка "Применить", но ее большинство покупателей не замечает.

Это очевидный недостаток в юзабилити: покупатели интуитивно рассчитывали, что все сохранилось при нажатии на одну из кнопок "Продолжить покупки" и "Оформить заказ".

Можно ли сделать так, чтобы при изменении цифры количества, это изменение сохранялось нажатием любой из кнопок "Продолжить покупки" и "Оформить заказ"?

согласен. тогда кнопку применить убрать за ненадобностью

[sat]

ага.. а клиент о сумме потом должен догадываться... .. после оформления

напишите инструкцию по пользованию... без нее никак.

Сумма как раз видна в процессе оформления. А что касается инструкции, ее обычно читает процентов пять покупателей. Большинство же будут долбить, как дятлы, в кнопки "Продолжить" и "Оформить", руководствуясь привычной логикой нормальных интерфейсов.

В целом, такие недостатки снижают доход магазина.

[sat]

согласен. тогда кнопку применить убрать за ненадобностью

Лучше все же как-то реализовать то, что я описываю в первом сообщении выше. Это возможно?

[ravilr]

Сумма видна только в шапке.. где корзина.

А в версии 1.5.2 встроен функционал... кнопочка обновления и удаления товара. (см. скрин)

А то что вы просите, в принципе и так не сложно реализовать... достаточно оформить при нажатии "оформить заказ"

onclick="$('#basket').submit();

ну а потом переход по ссылке

index.php?route=checkout/checkout

[sat]

Сделал кнопки вертикальными в таком порядке:

[Сохранить изменения]

[Продолжить покупки]

[Оформить заказ]

Т.к. "Сохранить изменения" идет первой, то ее теперь проще заметить.

[ravilr]

Сделайте как я себе сделал только что )) . Добавьте рядом с кол-м товара картиночку в виде иконки обновить и поставьте туда ссылку onclick="$('#basket').submit();

должно получится типа

<a onclick="$('#basket').submit();">
<img src="catalog/view/theme/default/image/refresh.png" alt="Обновить" title="Обновить корзину"></a>

[pcom]

Сделайте как я себе сделал только что )) . Добавьте рядом с кол-м товара картиночку в виде иконки обновить и поставьте туда ссылку onclick="$('#basket').submit();

должно получится типа

<a onclick="$('#basket').submit();">
<img src="catalog/view/theme/default/image/refresh.png" alt="Обновить" title="Обновить корзину"></a>

Это логичнее. В каком файле надо сделать изменения?

[pcom]

Это логичнее. В каком файле надо сделать изменения?

Нашел: catalog/view/theme/default/template/checkout/cart.tpl

[Benjamin]

Будьте добры, скиньте блок, в который вставляли данный код.

<a onclick="$('#basket').submit();">
<img src="catalog/view/theme/default/image/refresh.png" alt="Обновить" title="Обновить корзину"></a>

[fabrikator]

Anatoly

примерно, вам пишут, что в файле catalog/view/theme/default/template/checkout/cart.tpl находите строчку

<td class="quantity"><input type="text" name="quantity[<?php echo $product['key']; ?>]" value="<?php echo $product['quantity']; ?>" size="3" /></td>

и изменяете ее например так

<td class="quantity">
<a onclick="$('#basket').submit();">
<img src="catalog/view/theme/default/image/refresh.png" alt="Обновить" title="Обновить корзину"></a>
<input type="text" name="quantity[<?php echo $product['key']; ?>]" value="<?php echo $product['quantity']; ?>" size="3" /></td>

[Benjamin]

Anatoly

примерно, вам пишут, что в файле catalog/view/theme/default/template/checkout/cart.tpl находите строчку

<td class="quantity"><input type="text" name="quantity[<?php echo $product['key']; ?>]" value="<?php echo $product['quantity']; ?>" size="3" /></td>

и изменяете ее например так

<td class="quantity">
<a onclick="$('#basket').submit();">
<img src="catalog/view/theme/default/image/refresh.png" alt="Обновить" title="Обновить корзину"></a>
<input type="text" name="quantity[<?php echo $product['key']; ?>]" value="<?php echo $product['quantity']; ?>" size="3" /></td>

Хорошо. Посоветуйте, как можно подвинуть данный блок вправо (поле кол-во и кнопку обновить). Пробовал через атрибут left класса .quantity - не получилось.

[fabrikator]

попробуйте например через  

[ravilr]

попробуйте например через  

а я добавил просто одну еще колонку между кол-во и цена...

[Benjamin]

Проделал как порекомендовал ravilr, добавил колонку между "кол-во" и "цена". Получились вот такие пироги.

Добавил событие:

onclick="$('#basket').submit();

для иконки обновить, осталось добавить событие для иконки удалить. Помогите, пожалуйста, с этим событием. Спасибо!

[kur1977]

Помогите, пожалуйста, с этим событием. Спасибо!

Для начала нужно ввести доп. переменную в цикл перебора товаров в темплейте:

<?php $i=0; foreach ($products as $product) { ?>
......

<?php $i++; } ?>

Удалите

<input type="checkbox" name="remove[]" value="<?php echo $product['key']; ?>" />

из темплейта, если вы его еще не удалили. Судя по скрину, скорее всего удалили вместе со столбцом где он раньше был :)

теперь там где ваша иконка удаления вставляем :

<input id="delete_<?php echo $i; ?>" style="display:none;" type="checkbox" name="remove[]" value="<?php echo $product['key']; ?>" />
<a onclick="$('#delete_<?php echo $i; ?>').attr('checked', 'checked'); $('#basket').submit();" ><img src="ВАША ИКОНКА УДАЛЕНИЯ" alt="" /></a>

[voldemark]

вот сдесь решение

есть красивое и бесплатное решение Сохранение количества товара после его изменения в корзине

[dmitry777]

Решение отличное, но не решает первоначально поставленной задачи.

Как прикрутить на кнопку "Оформление заказа" 2 события: подтвердить изменение количества и перерасчёт суммы (как в случае с кнопкой "Применить"), а после переход на страницу оформления заказа.

Или же 2 события не смогут последовательно сработать в силу того, что при первом происходит обновление страницы?