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

[Ruslan737]

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

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

[prived]

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

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

success

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

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

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

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

 

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

[Ruslan737]

5 минут назад, prived сказал:

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

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

success

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

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

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

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

 

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

 

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

[sammygr]

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

[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();
    });
}

 

 

[prived]

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

[prived]

Только что, 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();
    });
}

 

 

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

[IgorC]

https://opencartforum.com/files/file/5343-vsplyvayuschaya-korzina-pro/

[Tom]

 

[veterph]

Для "более заметно" ещё можно видоизменить корзину при наличие в ней товара, как пример: 

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

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

В cart.tpl: 

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

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

 

Змінено 26 липня 2018 користувачем veterph

[OCdevWizard]

3 часа назад, Ruslan737 сказал:

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

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

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

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

[zeon1983]

В 26.07.2018 в 22:11, 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();
    });
}

 

 

Всё бы ничего, а где найти текст, который всплывает в модальном окне при добавлении в корзину??????? Я так понял за это отвечает json['success']  - а где ссылки с текстом?????? "Чайник добавлен в корзину покупок!"   - плюс там ссылка на корзину и мне надо её поменять??????

[ibond]

1 минуту назад, zeon1983 сказал:

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

в контроллере /catalog/controller/checkout/cart.php там подгружает языковые уже $this->load->language('checkout/cart');

[zeon1983]

9 минут назад, ibond сказал:

в контроллере /catalog/controller/checkout/cart.php там подгружает языковые уже $this->load->language('checkout/cart');

Нашел и как поменять ссылки в <a href="%s">%s</a> добавлен <a href="%s">в корзину покупок</a>! Откуда берутся переменные %s   ?????????????

[zeon1983]

Мне надо "добавлен <a href="http://mysite.loc/cart">в корзину покупок</a "  поменять на  <a href="http://mysite.loc/checkaut">в корзину покупок</a ?????? Походу нашёл: 

if (!$json) {
                $this->cart->add($this->request->post['product_id'], $quantity, $option, $recurring_id);

                $json['success'] = sprintf($this->language->get('text_success'), $this->url->link('product/product', 'product_id=' . $this->request->post['product_id']), $product_info['name'], $this->url->link('checkout/cart'));

Змінено 10 січня 2020 користувачем zeon1983