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

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


Recommended Posts

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

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

Link to post
Share on other sites

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

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

success

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

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

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

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

 

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

Link to post
Share on other sites

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

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

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

success

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

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

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

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

 

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

 

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

Link to post
Share on other sites

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

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

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

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

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

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

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

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

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

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

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

Link to post
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 post
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 post
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
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • 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.