Перейти к содержанию
Ruslan737

Как сделать чтобы при добавлении товара в корзину было более заметно это и появлялось окно с вариантами Продолжить покупки и Оформить заказ. 

Рекомендуемые сообщения

Здравствуйте! Кто может подсказать, как сделать чтобы при добавлении товара в корзину было более заметно это и появлялось окно с вариантами Продолжить покупки и Оформить заказ. 

Заранее спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В карточке товара внизу лежит скрипт нажатия кнопки в корзину

Там есть такая штука

success

Это если все ок и товар добавился 

вот после него по дефолту появляется зеленая полосочка - что товар добавлен в корзину

Вы создаете модальное окно с любыми кнопками - продолжить, закончить покупки, оформить заказ, взять ипотеку на дом

И вешаете ее появление в это место

 

Если вы не сильны в html и js то пройдите по этой ссылке  https://opencartforum.com/forum/44-программирование-создание-модулей-изменение-функциональности/

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
5 минут назад, prived сказал:

В карточке товара внизу лежит скрипт нажатия кнопки в корзину

Там есть такая штука

success

Это если все ок и товар добавился 

вот после него по дефолту появляется зеленая полосочка - что товар добавлен в корзину

Вы создаете модальное окно с любыми кнопками - продолжить, закончить покупки, оформить заказ, взять ипотеку на дом

И вешаете ее появление в это место

 

Если вы не сильны в html и js то пройдите по этой ссылке  https://opencartforum.com/forum/44-программирование-создание-модулей-изменение-функциональности/

 

Это единственный вариант, проще нету?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Это самый просто вариант

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

catalog/view/javascript/common.js

var cart = {
	'add':
  .... 
if (json['success']) {
	//$('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');
	addCartModal(json);
  ...

 

и в product.tpl - для карточки товара:

$('#button-cart').on('click', function() {
  ...
  if (json['success']) {
	//$('.breadcrumb').after('<div class="alert alert-success">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
	addCartModal(json);

 

Ну и в самом catalog/view/javascript/common.js добавляем функцию:

// add to cart modal
function addCartModal(json) {
    var html = '<div id="addCartModal" class="modal fade" role="dialog">';
            html += '<div class="modal-dialog">';
                html += '<div class="modal-content">';
                    html += '<div class="modal-header">';
                        html += '<button type="button" class="close" data-dismiss="modal">×</button>';
                        html += '<h4 class="modal-title">TITLE</h4>';
                    html += '</div>';
                    html += '<div class="modal-body">';
                        html += json['success'];
                    html += '</div>';
                    html += '<div class="modal-footer">';
                        html += '<div class="row">';
                            html += '<div class="col-sm-6">';
                                html += '<button type="button" class="button-cart-box" data-dismiss="modal">text_continue_shopping</button>';
                            html += '</div>';
                            html += '<div class="col-sm-6">';
                                html += '<button type="button" class="button-cart" data-dismiss="modal" onclick="window.location.href=\'/cart/\';">text_go_to_cart</button>';
                            html += '</div>';
                        html += '</div>';
                    html += '</div>';
                html += '</div>';
            html += '</div>';
        html += '</div>';
        $('body').append(html);
        $('#addCartModal').modal('show');
        $('#addCartModal').on('hidden.bs.modal', function (e) {
        $(this).remove();
    });
}

 

 

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Проще только огород вскопать 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, ibond сказал:

catalog/view/javascript/common.js


var cart = {
	'add':
  .... 
if (json['success']) {
	//$('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');
	addCartModal(json);
  ...

 

и в product.tpl - для карточки товара:


$('#button-cart').on('click', function() {
  ...
  if (json['success']) {
	//$('.breadcrumb').after('<div class="alert alert-success">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
	addCartModal(json);

 

Ну и в самом catalog/view/javascript/common.js добавляем функцию:


// add to cart modal
function addCartModal(json) {
    var html = '<div id="addCartModal" class="modal fade" role="dialog">';
            html += '<div class="modal-dialog">';
                html += '<div class="modal-content">';
                    html += '<div class="modal-header">';
                        html += '<button type="button" class="close" data-dismiss="modal">×</button>';
                        html += '<h4 class="modal-title">TITLE</h4>';
                    html += '</div>';
                    html += '<div class="modal-body">';
                        html += json['success'];
                    html += '</div>';
                    html += '<div class="modal-footer">';
                        html += '<div class="row">';
                            html += '<div class="col-sm-6">';
                                html += '<button type="button" class="button-cart-box" data-dismiss="modal">text_continue_shopping</button>';
                            html += '</div>';
                            html += '<div class="col-sm-6">';
                                html += '<button type="button" class="button-cart" data-dismiss="modal" onclick="window.location.href=\'/cart/\';">text_go_to_cart</button>';
                            html += '</div>';
                        html += '</div>';
                    html += '</div>';
                html += '</div>';
            html += '</div>';
        html += '</div>';
        $('body').append(html);
        $('#addCartModal').modal('show');
        $('#addCartModal').on('hidden.bs.modal', function (e) {
        $(this).remove();
    });
}

 

 

кто то разошелся)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для "более заметно" ещё можно видоизменить корзину при наличие в ней товара, как пример: 
1111.PNG.30b44fbf841dc9a6b9e258c34fd5fcc7.PNG22222.PNG.5a76eadb9527c1ef7ecd8f2ee4c82f4f.PNG

Добавьте в cart.php:

$data['cart_items'] = $this->cart->countProducts();

В cart.tpl: 

<? if ($cart_items >= 1) { ?>
    Товар в корзине
<? } else { ?>
    Корзина пуста
<? } ?>

Вдруг понадобиться :)

 

Изменено пользователем veterph

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 часа назад, Ruslan737 сказал:

Здравствуйте! Кто может подсказать, как сделать чтобы при добавлении товара в корзину было более заметно это и появлялось окно с вариантами Продолжить покупки и Оформить заказ. 

Заранее спасибо.

если на этом ваши требования к модулю заканчиваються то можно найти бесплатное решение или же за 10-20 минут написать что то простенькое "без лишних наворотов",

но если помимо этого вы хотите получить намного больше то поищите по форуму - "всплывающая корзина"

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.