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


Заказ в 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);
    
 

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

  • Я запишу это в план. Но когда будет сделано, не известно. Компонент создавался для каталогов, у которых категории это ресурсы MODX. Поэтому там нужно выбирать родителя.

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

    @Andchir
    Исходя из ошибки выше:

    в ваш плагин было бы неплохо добавить проверку на существование выбранного ресурса, что-бы исключить появление данной ошибки вы собираетесь дорабатывать плагин для работы с данными MIGX db, которые не имеют связи с ресурсами, а "живут" в отдельной таблице и редактируются через CMP?

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

    @Andchir
    [23-Aug-2019 16:30:27 Europe/Moscow] PHP Fatal error: Uncaught Error: Call to a member function get() on null in /home/a0139615/domains/new.bistriki.com/public_html/core/components/catalogfill/model/catalogfill.class.php:459
    Stack trace:
    #0 /home/a0139615/domains/new.bistriki.com/public_html/core/components/catalogfill/processors/mgr/export.php(32): Catalogfill->csv_export('web')
    #1 /home/a0139615/domains/new.bistriki.com/public_html/core/model/modx/modprocessor.class.php(361): include('/home/a0139615/...')
    #2 /home/a0139615/domains/new.bistriki.com/public_html/core/model/modx/modprocessor.class.php(177): modDeprecatedProcessor->process()
    #3 /home/a0139615/domains/new.bistriki.com/public_html/core/model/modx/modx.class.php(1764): modProcessor->run()
    #4 /home/a0139615/domains/new.bistriki.com/public_html/core/model/modx/modconnectorresponse.class.php(144): modX->runProcessor('export', Array, Array)
    #5 /home/a0139615/domains/new.bistriki.com/public_html/core/model/modx/modconnectorrequest.class.php(86): modConnectorResponse->outputContent(Array)
    #6 /home/a0139615/ in /home/a0139615/domains/new.bistriki.com/public_html/core/components/catalogfill/model/catalogfill.class.php on line 459

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

    @Dolce подскажите, как решили проблему? у меня тоже самое

    Читать далее