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

Полет картинки товара в корзину


Recommended Posts

есть сайт , надо что бы при клике на кнопку купить товар улетал в корзину , версия опенкарт 2.3 ,перелистал весь инет нигде немогу найти подобное ,что где менять ... я хз Помогите !!

вот сайт пример ! http://dominos.ua/ru/Pizza/

Link to post
Share on other sites

8 минут назад, zeus12 сказал:

есть сайт , надо что бы при клике на кнопку купить товар улетал в корзину , версия опенкарт 2.3 ,перелистал весь инет нигде немогу найти подобное ,что где менять ... я хз Помогите !!

вот сайт пример ! http://dominos.ua/ru/Pizza/

так она улетает туда, всё работает. 

Link to post
Share on other sites

Только что, Guava сказал:

так она улетает туда, всё работает. 

это сайт пример -как я хочу что бы у меня было 

Link to post
Share on other sites

реализация в примере

    // Add to cart animation
    $('.product_item .add_to_box').click(function() {
        var $cart_box_icon = $('.cart .box_icon');
        var $thiz = $(this);
        var parent = $thiz.parents('.product_item');
        var moveLeft = $cart_box_icon.offset().left;
        var moveTop = $cart_box_icon.offset().top;
        var img = parent.find('.product_img_holder img');
        var imgLeft = img.offset().left;
        var imgTop = img.offset().top;
        var cImg = img.clone();
        var speed;

        $('body').append(cImg);
        if (imgTop < 400) {
            speed = 600;
        } else if (imgTop > 1200) {
            speed = 1000;
        } else {
            speed = imgTop;
        }
        cImg.css({
            'position': 'absolute',
            'top': imgTop,
            'left': imgLeft,
            'z-index': 201,
            'width': 200,
            'height': 200
        });
        cImg.animate({
            left: moveLeft,
            top: moveTop,
            width: 24,
            height: 24
        }, speed, function() {
            cImg.fadeOut(200).remove();
            $('.cart').addClass('full');
        });

        cart.add_to_cart($(this).attr('data-id'));
    });

разобраться и сделать по аналогии

  • +1 1
Link to post
Share on other sites
Только что, fanatic сказал:

реализация в примере


    // Add to cart animation
    $('.product_item .add_to_box').click(function() {
        var $cart_box_icon = $('.cart .box_icon');
        var $thiz = $(this);
        var parent = $thiz.parents('.product_item');
        var moveLeft = $cart_box_icon.offset().left;
        var moveTop = $cart_box_icon.offset().top;
        var img = parent.find('.product_img_holder img');
        var imgLeft = img.offset().left;
        var imgTop = img.offset().top;
        var cImg = img.clone();
        var speed;

        $('body').append(cImg);
        if (imgTop < 400) {
            speed = 600;
        } else if (imgTop > 1200) {
            speed = 1000;
        } else {
            speed = imgTop;
        }
        cImg.css({
            'position': 'absolute',
            'top': imgTop,
            'left': imgLeft,
            'z-index': 201,
            'width': 200,
            'height': 200
        });
        cImg.animate({
            left: moveLeft,
            top: moveTop,
            width: 24,
            height: 24
        }, speed, function() {
            cImg.fadeOut(200).remove();
            $('.cart').addClass('full');
        });

        cart.add_to_cart($(this).attr('data-id'));
    });

разобраться и сделать по аналогии

скрипт в comon.js писать или в product.tpl? и да у меня корзина на сайте position:fixed; будет норм работать ? шаблон стандартный ... поможете так как знаний не хватает  ..

Edited by zeus12
Link to post
Share on other sites

3 минуты назад, zeus12 сказал:

скрипт в comon.js писать или в product.tpl?

никуда его писать не нужно.  нужно разобраться как работает и написать себе по аналогии.

Link to post
Share on other sites
Только что, fanatic сказал:

никуда его писать не нужно.  нужно разобраться как работает и написать себе по аналогии.

Я не знаю как ..

Link to post
Share on other sites

Только что, fanatic сказал:

никуда его писать не нужно.  нужно разобраться как работает и написать себе по аналогии.

вместо 

'.product_item .add_to_box'

и подобного прописать свои классы , и id??

Link to post
Share on other sites

21 минуту назад, zeus12 сказал:

Я не знаю как ..

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

А в данной теме Вас ни кто не станет на пальцах обучать программированию.
Тем более Вам уже дали готовую реализацию ,осталось интегрировать.

 

Есть тут шаблон, тоже под пиццу и там тоже улетает =) подсказать?

Edited by t04ka
Link to post
Share on other sites

Только что, t04ka сказал:

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

А в данной теме Вас ни кто не станет на пальцах обучать программированию.
Тем более Вам уже дали готовую реализацию ,осталось интегрировать.

 

Есть тут шаблон, тоже под пиццу и там тоже улетает =) подсказать?

Спасибо конечно ,но мне не нужен шаблон ,на данном сайте просто понравился эффект , а как сделать не знаю ,искал в интернете подобного для опенкарт 2.3 не нашел ,может вы поможете ,как интегровать скрипт тот что прислали вверху ?

Link to post
Share on other sites

19 минут назад, zeus12 сказал:

Спасибо конечно ,но мне не нужен шаблон ,на данном сайте просто понравился эффект , а как сделать не знаю ,искал в интернете подобного для опенкарт 2.3 не нашел ,может вы поможете ,как интегровать скрипт тот что прислали вверху ?

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

Link to post
Share on other sites

Только что, t04ka сказал:

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

аа, жду! пишите 

Edited by zeus12
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
  • Similar Content

    • By serega-lomik
      Скачать/Купить дополнение PopUp Login/Register (всплыв. окна авторизации и регистрации) для OC 2.0.*
      Форма авторизации/регистрации проверяет корректность ввода логина и пароля без перезагрузки страницы!
      Тестировалось на OpenCart версий с 2.0 по 2.0.3.1
      Модуль подгружается на ajax и не засоряет код страниц магазина.
      Открытие окна модуля можно привязать к любой ссылке или блоку любого шаблона!
      Модуль полностью настраивается из админ-части магазина!
      Настройки для окна авторизации:
      Текст заголовка модуля
      Заголовок и заглушка (placeholder) поля e-mail
      Заголовок и заглушка (placeholder) поля пароль
      Отображение заголовков всех полей можно выключить в настройках
      Текст надписи на кнопке авторизации
      Текст сообщения о ошибке авторизации
      Показ ссылки на восстановление пароля
      Показ ссылки на регистрацию
      Выбор действия при успешной авторизации


      Скриншот настроек административной части модуля окна авторизации:

      Настройки для окна регистрации:
      Текст заголовка модуля
      Заголовок и заглушка (placeholder) поля Имя
      Заголовок и заглушка (placeholder) поля Фамилия
      Заголовок и заглушка (placeholder) поля Телефон
      Заголовок и заглушка (placeholder) поля E-mail
      Заголовок и заглушка (placeholder) поля Пароль
      Заголовок и заглушка (placeholder) поля Подтверждение пароля
      Поля Имя, Фамилия, Телефон, Подтверждение пароля можно скрыть, не показывать в форме
      Отображение заголовков всех полей можно выключить в настройках
      Для поля Телефон можно задать маску ввода номера
      Показ выбора группы покупателя, если таковые имеются
      Показ "галочки" Я согласен с условиями....
      Текст надписи на кнопке регистрации
      Выбор действия при успешной авторизации


      Скриншот настроек административной части модуля окна регистрации:

      Установка:
      1 - для тех, у кого настроен фтп в админ части магазина - просто загрузите архив с помощью раздела "установка модификаций".
      2 - Для тех, у кого это не настроено - папки admin и каталог закачайте в корень своего сайта, а файл popup_logreg.ocmod.xml установите с помощью всё того-же раздела раздела "установка модификаций".
      После этого в разделе "модули" появится новый модуль "PopUp Login/Register", открыв его вы сможете настроить его как вам требуется.
      Для просмотра демонстрации работы модуля на стандартном шаблоне необходимо кликнуть в верхнем меню по ссылке "Личный кабинет", вам откроется выпадающее меню - Регистрация и Вход.
      Это меню стандартное для этого шаблона, но даже для него можно настроить данный модуль!
      Демо: http://oc2.oc-dev.ru/
      Добавил serega-lomik Добавлено 12.06.2015 Категория Модули Системные требования Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • By Daria_PC
      Здравствуйте!
       
      Есть 2 больших интернет-магазин на опенкарт (на 2 и 3 версии). Нам нужно из него выгрузить товары на авито, но не поштучно вручную, а чтобы это происходило автоматически.
       
      Есть ли какие-то плагины для этого? Платные или бесплатные, не принципиально.
       
      Важно:
      должна быть возможность выбрать товары, которые автоматически выгрузятся в конкретный день по названию, айди или др параметру. 
      должна быть возможность задать количество товаров, которые публикуются на авито за день
       
    • By Kazbek86
      Добрый день уважаемые знатоки. Возникла проблема в дублях главного изображения товара. В файле выгрузки видно что изображения дублируются, но в карточке товара дубля нет. На сервере дублей также нет.  Стоит модуль easyphoto, после его отключения дубли отображаются в карточке товара и можно удалить. Но, товаров в которых присутствует дубль приблизительно 500 шт, и заходить в каждый товар и в ручную удалять очень долго и муторно. Подскажите, есть ли какое нибудь решение в этой ситуации? 
      Заранее благодарен. 
    • By igorfelix
      Добрый день, при указании в стилях 
      .row { margin-right: -10px!important; margin-left: -10px!important; } заметил что если сравнивать главную страницу и например категорию или карточку товара, ты верстка ели заметка меняется (например в шапке или футер подвала)
      час искал и вот нашел, если прописать базовое значение шаблона по умолчанию 
      .row { margin-right: -15px!important; margin-left: -15px!important; } тогда ничего не дрыгается.
       
    • By Apostoll
      Доброго времени суток, хотел внести изменения в шапку сайта, header.tpl  после внесеных изменений ничего не изменилось.
      Прочитал что нужно обновить кеш-Модификатора, нажал на кнопку обновить, изменения внеслись, но перестали работать js скрипты, это ошибка или надо подождать пока заработает ?
      Версия ocStore 2.3.0.2.2
  • 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.