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


Как оформить nofly в shopkeeper?

  • Приветствую всех )
    На удивление, с shopkeeper возился всего пару часов чтоб создать рабочий магазин в отличии от minishop. Но не в этом суть. Осталась очень значительная проблема с уведомлением о добавлении товара в корзину. Сейчас присутствует 4 варианта, однако интересует оформление последнего, nofly вроде как называется. Все перерыл, без проблем переоформил helper, однако нужное мне никак не поддается. Хочу реализовать всплывашку примерно как на minishop2, либо как alert на bootstrap.

    Прошу помочь с данным вопросом, если кто знает решение. Заранее благодарен.

  • Попробуйте использовать callback-функции http://wiki.modx-shopkeeper.ru/doku.php?id=javascript_api#js_callback-функции

  • @Andchir, привет! Спасибо за наводку. Я крайне плохо понимаю JS, однако сумел упростить кнопку добавления в корзину, чтоб ничего не вылетало при добавлении. Однако не могу понять, даже методом "тыка", как вывести уведомляшку "Ваш товар добавлен". Прошу, подскажи, хоть примерно...

    JS callback-функции с параметрами data-* я использую, чтоб не плодить формы заявки на лендингах, однако, тут, на сколько я понимаю, иначе все работает, и как раз логику понять не получается.

  • Может через событие onclick попробовать что-нибудь, сделать?!

  • В общем, как можно сделать по-простому.
    Сделал для себя все следующим образом, может кому-нибудь пригодиться. Я думаю многим, ибо стандартное решение очень сильно бесит.

    Итак, что было сделано и как можно поправить или сделать альтернативу.

    • Изменить стандартную уведомляшку о добавлении товара.
      Для этого были применены знания из документа http://wiki.modx-shopkeeper.ru/doku.php?id=javascript_api#javascript_api. Заменив стандартное решение, а то, что по ссылке, я убрал лишние строчки текста и полностью убрал какие-либо уведомлялки о добавлении.
    • Если данный метод сложен или не подходит, то можно получить подобный эффект, выставив параметр flyToCart в сниппете shopkeeper3, например на image или scrollimage. Честно сказать понятия не имею, верно ли это или нет, однако в обоих случаях, превьюшка товара летит в сторону корзины. Поэтому тоже подойдет.
    • Теперь нужно бы вывести уведомляшку о попадании товара в нужное место. Для этого, изначально написал небольшой скриптец, на том уровне, на каком смог ). После нашел небольшое решение, которое мне больше зашло. Ссылка на него здесь: http://www.recens.ru/jquery/plugin_stickr.html
    • Для того, чтоб при клике на кнопку у нас обрабатывалось нужное событие, необходимо дать класс кнопке добавления в корзину, к примеру "tocard".
    • Теперь подключаем к сайту плагин, что по ссылке выше и ниже вставляем такой вот код:
    <script type="text/javascript">
        $(function(){
           $(".tocard").click(function () {
                 $.stickr({note:'Товар успешно добавлен в корзину',className:'success-cart',position:{right:10,top:10},time:3000,speed:300});
             });
        })
    </script>
    

    и стили для нашей всплывашки, чисто для примера

    .success-cart {
            background-color: rgba(9, 181, 9, 0.63);
            padding: 10px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
            color: #fff;
        }
        #jquery-stickers {
            z-index: 99999;
        }
    
    • Все параметры прописаны на странице с плагином. Поэтому не вижу смысла что-то объяснять.

    Не знаю, на сколько мое решение правильно, с точки зрения кода, ибо я не сильный знаток. Однако все работает быстро и меня полностью устраивает. На внешний вид, данное решение чем-то напоминает уведомление из minishop2. Поигравшись с настройками можно многое сделать. Тут уже будет более чем достаточно простого css и html.

    В заголовке темы, можно написать "Решено!"

  • Круто, спасибо, мне тоже минишоповская добавлялка больше нравится))
    Andchir, может стоит добавить такой вариант добавлялки?

 

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

  • Что нового в Shopkeeper 4.0.3:

    Исправлено некорректное определение языка по умолчанию В настройках в админке скрываются пароли. Добавлена возможность загружать картинки для категорий. shopkeeper.js - добавлена функция updateProductsPrice() для поддержки текстовых полей для цены. Twig-функции contentList() и includeContent() вынесены в отдельный класс. Добавлено событие "order.before_create". Сортировка всех полей типа контента перетаскиванием. Автоматическое сохранение сортировки полей при сохранении типа контента (не нужно нажимать на отдельную кнопку). В интерфейсе админа добавлено поле поиска для списка Composer-пакетов.

    Скачать можно на главной странице https://modx-shopkeeper.ru/

    Читать далее
  • Вот этот плагин:
    0_1550334109280_screenshot_022.png

    Вроде по умолчанию он выключен. Надо включить. Но плагин работает только на редактирование товаров, при удалении он делалать ничего не будет. Только что проверил кнопку, всё работает корректно, фильтры удаляются и добавляются, когда нужно. Но нужно очищать корзину после удаления товаров (возможно баг).

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

    @Andchir Если нажимаю кнопочку "Обновить значения", то в фильтрах появляются как раз те самые удаленные значения фильтра.. Потом приходится Ручками выбирать эти удаленные значения.
    вот так выглядит Управление фильтрами когда удаляешь ручками: https://yadi.sk/i/_zw64CGkZ_sAYg
    А вот так выглядит когда просто нажимаешь "Обновить значения": https://yadi.sk/i/7WFbXC6xV5sQAw (красным выделено, то что приходится постоянно удалять

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

    Участник @Jokerit написал в TagManager2 отображает в фильтре удаленные значения TV-полей:

    tmRefresh

    Так и не смог найти как включить

    Читать далее