Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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

Ruslan737
 Share

Recommended Posts

Ruslan737 Collaborator

Ruslan737

Опубліковано:
Опубліковано:

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

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

Надіслати
Поділитися на інших сайтах

prived Mentor

prived

Опубліковано:
Опубліковано:

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

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

success

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

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

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

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

 

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

Надіслати
Поділитися на інших сайтах

Ruslan737 Collaborator

Ruslan737

Опубліковано:
  • Автор
Опубліковано:
5 минут назад, prived сказал:

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

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

success

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

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

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

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

 

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

 

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

Надіслати
Поділитися на інших сайтах

ibond Grand Master

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

 

 

  • +1 1
Надіслати
Поділитися на інших сайтах
1

prived Mentor

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

 

 

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

Надіслати
Поділитися на інших сайтах

veterph Enthusiast

veterph

Опубліковано:
Опубліковано: (змінено)

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

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

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

В cart.tpl:  

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

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

 

Змінено користувачем veterph
Надіслати
Поділитися на інших сайтах

OCdevWizard Grand Master

OCdevWizard

Опубліковано:
Опубліковано:
3 часа назад, Ruslan737 сказал:

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

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

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

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

Надіслати
Поділитися на інших сайтах
1

  • 1 year later...
zeon1983 Collaborator

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 Grand Master

ibond

Опубліковано:
Опубліковано:
1 минуту назад, zeon1983 сказал:

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

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

Надіслати
Поділитися на інших сайтах
1

zeon1983 Collaborator

zeon1983

Опубліковано:
Опубліковано:
9 минут назад, ibond сказал:

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

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

Надіслати
Поділитися на інших сайтах

zeon1983 Collaborator

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'));

Змінено користувачем zeon1983
Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
 Share
Перейти до списку тем

  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду