Последние темы


Заказ в 1 клик - корзина в iframe

  • Здравствуйте. Пытаюсь реализовать возможности заказа в один клик.
    В карточке товара есть ДВЕ кнопки, одна стандартная – добавить в корзину.
    При клике на нее, появляется хелпер, подтверждается количество и товар попадает в корзину, после чего можно накидывать товар в корзину дальше.
    Вторая кнопка должна добавлять товар в корзину и тут же открывать страницу для оформления заказа, без хелпера, во всплывающем окне.
    Что я делаю:

    1. Создал третий шаблон корзины (data-shopcart="3")
    2. На кнопку “Зыкать в 1 клик” повесил iframe от плагина fancybox и функцию для добавления товара в корзину SHK.fillCart(id,count[,refresh])
      По клику на “Зыкать в 1 клик” в iframe открывается корзина. Но товар не добавляется, если убрать fancybox из кнопки, то товар добавляется. Подскажите, как можно добавить товар в корзину и открыть после этого iframe, не выводя хелпер именно на этой кнопке, но выводя его на стандартной кнопкке
      Кнопка выглядит вот так:
    <button class="" onclick="SHK.fillCart(id,count[,refresh])" data-fancybox data-type="iframe" data-src="[[~5]]" href="javascript:;">
     <span class="button__text">Заказать<br> в 1 клик</span>
     </button>
    
  • Возможно получится открывать iframe по колбеку. Вот такой вот код у меня получился, теперь нужно заставить сработать fancybox из скрипта

    $("#testid").on("click", function() {
        SHKfillCartCallback;
    });
    
    function SHKfillCartCallback(form){
        alert("1");
    }
    
    
    
    $(document).bind('ready',SHKfillCartCallback);
    
  • Пока что получается только так, костыльно и не совсем корректно:

    $("#testid").on("click", function() {
         window.flagCart = true;
     });
    
    
    var $links = $('.fancybox');
    
    
    function SHKloadCartCallback(){
    
        if(window.flagCart == true){
            $.fancybox.open($links);
        }
    
    
    }
    
    
    $(document).bind('ready',SHKloadCartCallback);
    

    testid - селектор кнопки "Заказать в 1 клик", после нажатия появляется хелпер(хотелось бы что бы не появлялся, но пока это не критично), указывается кол-во товара, товар летит в корзину и открывается iframe с корзиной. Еще нужно флаг сбросить теперь, но уже что-то получается

  • Теперь работает корректно

    $("#testid").on("click", function() {
         window.flagCart = true;
     });
    
    
    
    var $links = $('.fancybox');
    
    
    
    function SHKloadCartCallback(){
    
    
        if(window.flagCart == true){
            $.fancybox.open($links);
            window.flagCart = false;
        }
    
    
    }
    
    
    $(document).bind('ready',SHKloadCartCallback);
    

    Осталось избавиться от хеллпера именно на этой кнопке. Использование свойств объекта window вроде как тоже не хорошо. Возможно кто-нибудь сможет доработать

  • Опишу полностью, что имею сейчас. В мини корзине создал элемент, который открывает fancybox iframe

    <span data-fancybox data-type="iframe" data-src="[[~5]]" class="fancybox"></span>
    

    Кнопки на товаре в категории:

    <div class="groupButton__item">
        <button class="button button--size-xl snippet__button" type="submit" >
            <span class="icon icon--cart"></span>
            <span class="button__text">Купить</span>
        </button>
    </div>
    <div class="groupButton__item">
        <button class="button button--size-xl snippet__button button--click" onclick="SHK.fillCart(id,count[,refresh])">
            <span class="button__text">Заказать<br> в 1 клик</span>
        </button>
    </div>
    

    Подключен плагин - fancyBox3

    и свой скрипт

    $(".button--click").on("click", function() {
         window.flagCart = true;
     });
    
    
    var $links = $('.fancybox');
    
    function SHKloadCartCallback(){
    
    
        if(window.flagCart == true){
            $.fancybox.open($links);
            window.flagCart = false;
        }
    
    
    }
    
    
    $(document).bind('ready',SHKloadCartCallback);
    
 

Последние комментарии

  • Z

    Спасибо, действительно проще создать отдельно.

    Читать далее
  • Но проблема в том, что эта старая цена "дублируется" в плесхолдер "Дополнительных услуг" - [[+addit_data]].

    Можно не использовать [[+addit_data]], а выводить параметры по-отдельности.

    Цитата из документации:

    [[+shk_любой доп.параметр]] - любой доп. параметр, выбранный при добавлении товара в корзину (из [[+addit_data]]), например [[+shk_param1]].
    Если параметры сделаны в виде чекбоксов, то чтобы вывести отдельно каждый из них, нужно добавлять индекс (номер от нуля) для параметров следующих за первым.
    Пример: [[+shk_param1]], [[+shk_param1_1]], [[+shk_param1_2]] ...
    [[+shk_любой доп.параметр_price]] - цена доп.параметра. Пример: [[+shk_param1_price]].

    Читать далее
  • Z

    Доброго времени суток. Не могу разобраться, как передать данные migx-поля в корзину в плейсхолдер без "дублирования" в [[+addit_data]]
    Суть в чем: У меня есть 2 цены у товара (со скидкой и без скидки) Форма для отправки в корзину:

    <form action="[[~[[*resource_id]]? &scheme=`abs`]][[*alias]].html" method="post"> <input type="hidden" name="shk-id" value="[[*id]]" /> <input type="hidden" name="shk-name" value="[[*pagetitle]]" /> <input type="hidden" name="price_old__[[*id]]__add" value="[[*price_old]]" /> <input type="hidden" name="shk-count" value="1" /> <div class="product-price"> Цена: <span class="shk-price">[[!*price:shk_curr_rate:num_format]]</span> Старая цена - <span class="shk-price-old">[[+price_old]]</span> [[!+shk_currency]] </div> <div class="padding-lr-30"> <h5>Дополнительные услуги</h5> [[*param1]] </div> <div class="product-price"> <button class="btn btn-lg btn-primary" type="submit" class="shk-but">В корзину</button> </div> </form>

    Данные со "старой ценой" в корзину попадают нормально и выводится в нужном месте в плейсхолдере:
    [[+shk_price_old]]
    Но проблема в том, что эта старая цена "дублируется" в плесхолдер "Дополнительных услуг" - [[+addit_data]]. Как сделать чтобы старая цена не выводилась в [[+addit_data]]? Или может я как то не правильно передаю MIGX-параметр в корзину ? Заранее спасибо.

    Читать далее
  • Фотографии, как я понял, это второй вопрос. Я по нему пока ничего не отвечал и не просил информации. Это не отменяет того, что в вашем конфиге есть ошибка, о которой я писал выше. Не нужно задавать разные вопросы в одной теме, чтобы не было путаницы.
    http://forum.modx-shopkeeper.ru/topic/15/рекомендации-по-оформлению-темы-с-вопросом

    Читать далее