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


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

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

  • @Andchir Чета не додумался. Спасибо огромное, завелось.

    Читать далее
  • Потому что в этой функции нет объекта $modx. Можно попробовать добавить такую строчку вверху функции (внутри):

    global $modx;

    Читать далее
  • Добрый день.
    Задача: Есть таблица где записываются id данных из других созданных таблиц.
    Нужно в функции filter_export и filter_import объединить данные из разных таблиц.

    Как я пробывал решить свою задачку:

    function filter_export($value_arr,$doc_id=0) { //var_dump($output_arr); //exit; $output_arr = $value_arr; if(isset($output_arr['execution'])) { $ids = $output_arr['execution']; $result = $modx->query("SELECT * FROM LKp3KJ_my_execution WHERE id = $ids"); $row = $result->fetch(PDO::FETCH_ASSOC); $output_arr['execution'] = $row[title]; } /* if(isset($output_arr['price'])) $output_arr[1] = floatval($output_arr[1]) - 200; */ return $output_arr; }

    В ответ получаю 500 ошибку на странице импорт/экспорт.

    Читать далее
  • Спасибо за содействие! Приношу извинения за неудобства.

    Читать далее