Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

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


Recommended Posts

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

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

Link to comment
Share on other sites


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

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

success

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

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

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

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

 

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

Link to comment
Share on other sites


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

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

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

success

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

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

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

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

 

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

 

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

Link to comment
Share on other sites


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
Link to comment
Share on other sites

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

 

 

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

Link to comment
Share on other sites


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

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

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

В cart.tpl: 

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

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

 

Edited by veterph
Link to comment
Share on other sites


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

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

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

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

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

Link to comment
Share on other sites

  • 1 year later...
В 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']  - а где ссылки с текстом?????? "Чайник добавлен в корзину покупок!"   - плюс там ссылка на корзину и мне надо её поменять??????

Link to comment
Share on other sites


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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites


Мне надо "добавлен <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'));

Edited by zeon1983
Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.