Jump to content
Sign in to follow this  
Sha

[Поддержка] Swipe Left Column

Recommended Posts

Swipe Left Column


Swipe Left Column


Как известно в некоторых шаблонах OpenCart в мобильной версии, левая колонка подло прячется!
Данный модификатор позволяет её достать одним движением пальца ;)

 

ДЕМО >

 

Установка и обновление

стандартными средствами OpenCart.

 

Кратко принцип действия:

когда width экрана <= 767px, свайп слева-направо по #content добаляет класс .open_swipe к колонке #column-left, swipeleft (справа-налево) его удаляет.

 

- адаптировать к своему шаблону можно в файле catalog\view\javascript\swipe_column\swipe_column.css

- кнопка пока не встроена по умолчанию, можно вставить в удобном, для Вас месте 

<div id="swipe_filter" onclick="$('#column-left').toggleClass('open_swipe')"></div>

например в catalog\view\theme\default\template\common\header.tpl

Техподдержка:

если нужна помощь обращайтесь сюда, в личку или на [email protected]
В зависимости от сложности, платная или бесплатная
Разработчик оставляет за собой право отказать в техподдержке без объяснения причин: нервным ("уже прошел целый час, а разработчик так и не ответил"), неадекватным ("я три года назад, за него деньги заплатил...") и пр... .

 

Модуль не затирает, не заменяет ни каких файлов движка. Дополнение предоставляется по принципу "Как есть".


  • Добавил
    Sha
  • Добавлено
    07.08.2017
  • Категория
  • Системные требования
  • Сайт разработчика
    zeKit.pro
  • Метод активации
    Автоматическая активация
  • Ioncube Loader
    Нет
  • OpenCart
    2.3
    2.2
    2.1
    2.0
  • ocStore
    2.3
    2.2
    2.1
  • OpenCart.Pro, ocShop
    Не проверялось
  • Обращение к серверу разработчика
    Нет
  • Старая цена
    450

 

  • +1 2

Share this post


Link to post
Share on other sites

неплохо.
теперь ещё туда пихать только то что хочется и прятать чего не хочется и вот вам фильтры в мобилках.
ну и в топ 0 его и отдельную прокрутку ему.
Блондинок тож не забыть с иконкой в шапке.
и поле захвата ближе к краю, чтоб при свайпе других элементов глаза не мозолила типа

  • +1 1

Share this post


Link to post
Share on other sites
6 часов назад, AWARO сказал:

неплохо.
теперь ещё туда пихать только то что хочется и прятать чего не хочется и вот вам фильтры в мобилках.
ну и в топ 0 его и отдельную прокрутку ему.
Блондинок тож не забыть с иконкой в шапке.
и поле захвата ближе к краю, чтоб при свайпе других элементов глаза не мозолила типа

Спасибо! 

Будем дорабатывать в следующих версиях)

  • +1 1

Share this post


Link to post
Share on other sites
3 часа назад, Sha сказал:

Спасибо! 

Будем дорабатывать в следующих версиях)

Классная фитча!
Сохранил в закладки, очень часто такие темы попадаются 

  • +1 1

Share this post


Link to post
Share on other sites
7 минут назад, markimax сказал:

Классная фитча!
Сохранил в закладки, очень часто такие темы попадаются 

я польщён ;)

Share this post


Link to post
Share on other sites

Sha, сделай еще кнопочку по которой можно развернуть, а то для рядового пользователя который первый раз зашел, вообще не понятно, что можно достать левую колонку. Т.е об этом ничто не говорит

Share this post


Link to post
Share on other sites
20 минут назад, Waha сказал:

Sha, сделай еще кнопочку по которой можно развернуть, а то для рядового пользователя который первый раз зашел, вообще не понятно, что можно достать левую колонку. Т.е об этом ничто не говорит

Как включаемую опцию в настройках
А то кнопка может не попасть в тему :)

Share this post


Link to post
Share on other sites
1 час назад, Waha сказал:

Sha, сделай еще кнопочку по которой можно развернуть, а то для рядового пользователя который первый раз зашел, вообще не понятно, что можно достать левую колонку. Т.е об этом ничто не говорит

после первой покупки)

  • +1 1

Share this post


Link to post
Share on other sites

Вот бы еще и свайпом обратно сворачивалась она ;)

 

upd. Ступил :D

Share this post


Link to post
Share on other sites
после первой покупки)
А даже не кнопку, а определенную подсказку появляющуюся в определенном месте когда пользователь дошел до например блоков с товарами. Подсказка по типу на пару секунд перетикающая в кнопочку маленькую прижатую в лево. Во как)))
А так же несмотря ещё, поправьте.
Если в колонках ничего нету, подключение скриптов и css не добавлять на страницу. Тем самым не нагружая ненужным кодом. И возможность указать на каких схемах добавлять свайп)))

Буду потенциальным клиентом!


Отправлено через Tapatalk

Share this post


Link to post
Share on other sites
В 07.08.2017 в 15:15, Sha сказал:

после первой покупки)

Купили))

Share this post


Link to post
Share on other sites

Купил! Работает прекрасно)))

Кажется автор обещал заняться вопросом кнопки после первой покупки, а уже две))

Share this post


Link to post
Share on other sites
В 07.08.2017 в 15:15, Sha сказал:

после первой покупки)

 

Share this post


Link to post
Share on other sites

Отличный модуль! Автор помог добавить кнопку для выезда левой колонки по клику. Всё супер, модулем и поддержкой доволен. Рекомендую тем, у кого стоит модуль Filter pro.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By Sha
      Инструмент, который поможет ускорить мобильную версию OpenCart!
       
      Как сделать шаблон адаптивным? на мобильной версии скрыть "лишние" элементы.
      Нужно, что-бы при этом не пострадало usability? переместить модули и виджеты на другие позиции.
       
      Даже топовые шаблоны, поступают именно таким образом, элементы которые "не нужны" или наоборот необходимы только в мобильной версии: либо скрываются посредством css (display:none); либо перемещаются, хорошо если flexbox или bootstrap pull push но часто с помощью навешивания множества слушателей событий javascript. Даже адаптивность bootstrap основана на таких принципах.
      Всё это создаёт лишний "вес" и нагрузку, что конечно же замедляет работу сайта и заставляет процессор пользователя работать с повышенной нагрузкой шумя как майнинг ферма.
      Мы в наших продуктах пропагандируем использовать только то, что необходимо сейчас. И исходя из этих принципов нами был разработан
       
      модуль Мобильные схемы который поможет:
      уменьшить объём страницы (предотвратить чрезмерную нагрузку на сеть),  сократить размер структуры DOM, ускорить время окончания работы ЦП, избавится от лишнего JavaScript кода (сократить время выполнения кода JavaScript), избавится от css костылей,       а так-же:
      Устранить ресурсы, блокирующие отображение, Сократить время ответа сервера (время до получения первого байта, TTFB), Использовать подходящий размер изображений,  
           и др.
           при этом даже улучшив
       
      адаптивность, гибкость в настройке и дружелюбность Вашего сайта!  
       
      Поддерживает встроенные схемы популярных модулей, например поддерживает SEOCMS.
       
      Бесплатно модуль получить можно вместе с шаблоном Roundshop.
       
      данная версия поддерживает OpenCart 2.1.x, 2.2.x, 2.3.x, ocStore 2.1.x, 2.2.x, 2.3.x
      версию для Opencart 3.x, ocStore 3.x можно скачать здесь!
       
      Техническая поддержка
      доступна пользователям из списка покупателей и только после прочтения faq:
      Если вы обращаетесь с просьбой разобраться в проблеме, то для экономии времени укажите:
      адрес сайта доступ в админ-панель доступ на FTP-сервер  
      По любым вопросам вы можете связаться с нами через:
      Личные сообщения на форуме; Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней.
       
       
    • By Sha
      399.00 руб
      Скачать/Купить дополнение


      Layout Type, ускорение мобильной версии.
      Инструмент, который поможет ускорить мобильную версию OpenCart!
       
      Как сделать шаблон адаптивным? на мобильной версии скрыть "лишние" элементы.
      Нужно, что-бы при этом не пострадало usability? переместить модули и виджеты на другие позиции.
       
      Даже топовые шаблоны, поступают именно таким образом, элементы которые "не нужны" или наоборот необходимы только в мобильной версии: либо скрываются посредством css (display:none); либо перемещаются, хорошо если flexbox или bootstrap pull push но часто с помощью навешивания множества слушателей событий javascript. Даже адаптивность bootstrap основана на таких принципах.
      Всё это создаёт лишний "вес" и нагрузку, что конечно же замедляет работу сайта и заставляет процессор пользователя работать с повышенной нагрузкой шумя как майнинг ферма.
      Мы в наших продуктах пропагандируем использовать только то, что необходимо сейчас. И исходя из этих принципов нами был разработан
       
      модуль Мобильные схемы который поможет:
      уменьшить объём страницы (предотвратить чрезмерную нагрузку на сеть),  сократить размер структуры DOM, ускорить время окончания работы ЦП, избавится от лишнего JavaScript кода (сократить время выполнения кода JavaScript), избавится от css костылей,       а так-же:
      Устранить ресурсы, блокирующие отображение, Сократить время ответа сервера (время до получения первого байта, TTFB), Использовать подходящий размер изображений,  
           и др.
           при этом даже улучшив
       
      адаптивность, гибкость в настройке и дружелюбность Вашего сайта!  
       
      Поддерживает встроенные схемы популярных модулей, например поддерживает SEOCMS.
       
      Бесплатно модуль получить можно вместе с шаблоном Roundshop.
       
      данная версия поддерживает OpenCart 2.1.x, 2.2.x, 2.3.x, ocStore 2.1.x, 2.2.x, 2.3.x
      версию для Opencart 3.x, ocStore 3.x можно скачать здесь!
       
      Техническая поддержка
      доступна пользователям из списка покупателей и только после прочтения faq:
      Если вы обращаетесь с просьбой разобраться в проблеме, то для экономии времени укажите:
      адрес сайта доступ в админ-панель доступ на FTP-сервер  
      По любым вопросам вы можете связаться с нами через:
      Личные сообщения на форуме; Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней.
       
       
      Добавил Sha Добавлено 13.03.2018 Категория Кэширование, сжатие, ускорение Системные требования Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет Старая цена 500  
    • By xds
      1 990.00 руб
      Скачать/Купить дополнение


      Frame Theme - быстрый адаптивный шаблон для OpenCart 3
      Акция "Два дешевле одного"! При покупке шаблона Frame вы получите в подарок шаблон Coloring совершенно бесплатно!
      -----------------------------------------------------------
      Акция "Два дешевле одного"!
      До 20 ноября при покупке шаблона Frame вы получите в подарок шаблон Coloring совершенно бесплатно!
      Для получения подарочного шаблона, после оплаты напишите мне в личку вашу почту и домены, на которых вы планируете его использовать.
      -----------------------------------------------------------
       
      Описание шаблона
       
      Frame это современный мощный быстрый адаптивный шаблон для OpenCart 3.x, построенный на базе фреймворка Bootstrap 4.х и включающий в себя комплекс дополнительных модулей, настроек и программных решений, необходимых для полноценной работы современного интернет магазина. Шаблон обладает продуманными юзабилити и интуитивно понятным интерфейсом, от которых напрямую зависит высокая конверсия интернет магазина. А чистый и аккуратный код значительно упростит задачу разработчику, который решит доработать шаблон в соответствии с индивидуальными требованиями заказчика, или хозяину магазина, который захочет самостоятельно внести правки в код своего сайта. Frame можно успешно использовать как в качестве самостоятельного шаблона так и в качестве основы для создания уникального дизайна вашего интернет-магазина.
       
      Дополнительный функционал, среди прочего, реализованный в шаблоне:
      встроенный редактор цветовых схем (полный контроль над всеми цветами сайта из админ-панели) микро-разметка основных страниц сайта настраиваемая форма заказа обратного звонка модуль быстрого заказа товаров модуль быстрого просмотра товаров настраиваемые стикеры для товаров стильная popup корзина настраиваемые контакты в шапке сайта дополнительные меню в шапке сайта мега-меню категорий с функцией “амазон-меню” интерактивная карта в подвале сайта (поддерживается карты любых сервисов на ваш вкус) бесконечная подгрузка товаров в каталоге "Показать еще" модуль: карусели товаров с гибкими настройками модуль: карусель последних и случайных отзывов  модуль: преимущества магазина модуль: баннеры, карусели, слайд-шоу (с возможностью тонкой настройки под свои нужды) модуль: карусели последних или случайных новостей модуль: стена/карусель категорий настраиваемый "живой" поиск с грамотно реализованным функционалом модальные окна, адаптированные под работу с мобильными устройствами ...  На момент написания этого текста шаблон имеет больше сотни полезных настроек, и их число с каждым обновлением растет. Поэтому перечислять здесь их все не имеет смысла. Подробно ознакомится с возможностями шаблона можно в админ-панели и витрине демонстрационного сайта.
       
      -----------------------------------------------------------
       
      Демонстрация возможностей шаблона
      Главная страница Страница каталога Страница товара Панель управления [demo/demo]  
      Обратите внимание! На демо представлено несколько модулей, которые не входят в состав шаблона, для демонстрации особенностей их интеграции в шаблон:
      Обновление цены при выборе опции, без AJAX 4.1.4 (модуль совместим с шаблоном "из коробки") OCFilter - Модуль фильтра товаров 4.7.5 (файлы адаптации интегрированы в шаблон) Модуль Simple - упрощенная регистрация и заказ 4.10.4 (файлы адаптации интегрированы в шаблон) В комплекте есть только файлы адаптации этих модулей к шаблону. Сами модули, если они вам требуется, нужно приобретать отдельно у их авторов. Все остальные модули и функционал, которые представлены на демо сайте входят непосредственно в состав шаблона.
       
      -----------------------------------------------------------
       
      Производительность - PageSpeed Insights 100/100 *
      * что такое PageSpeed Insights и как проводились измерения?
       
       
      Валидность кода - полное соответствие стандартам W3C
       
       
      Системные требования
       
       
      Лицензия / условия использования
       
       
      Техническая поддержка
       
       
      Условия покупки
       
      Добавил xds Добавлено 03.05.2018 Категория Платные шаблоны Системные требования php 5.4+ и ioncube loader 4.4+ Метод активации Автоматическая активация Ioncube Loader Требуется OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Обращение к серверу разработчика Да Старая цена 3980  
    • By xds
      Акция "Два дешевле одного"! При покупке шаблона Frame вы получите в подарок шаблон Coloring совершенно бесплатно!
      -----------------------------------------------------------
      Акция "Два дешевле одного"!
      До 20 ноября при покупке шаблона Frame вы получите в подарок шаблон Coloring совершенно бесплатно!
      Для получения подарочного шаблона, после оплаты напишите мне в личку вашу почту и домены, на которых вы планируете его использовать.
      -----------------------------------------------------------
       
      Описание шаблона
       
      Frame это современный мощный быстрый адаптивный шаблон для OpenCart 3.x, построенный на базе фреймворка Bootstrap 4.х и включающий в себя комплекс дополнительных модулей, настроек и программных решений, необходимых для полноценной работы современного интернет магазина. Шаблон обладает продуманными юзабилити и интуитивно понятным интерфейсом, от которых напрямую зависит высокая конверсия интернет магазина. А чистый и аккуратный код значительно упростит задачу разработчику, который решит доработать шаблон в соответствии с индивидуальными требованиями заказчика, или хозяину магазина, который захочет самостоятельно внести правки в код своего сайта. Frame можно успешно использовать как в качестве самостоятельного шаблона так и в качестве основы для создания уникального дизайна вашего интернет-магазина.
       
      Дополнительный функционал, среди прочего, реализованный в шаблоне:
      встроенный редактор цветовых схем (полный контроль над всеми цветами сайта из админ-панели) микро-разметка основных страниц сайта настраиваемая форма заказа обратного звонка модуль быстрого заказа товаров модуль быстрого просмотра товаров настраиваемые стикеры для товаров стильная popup корзина настраиваемые контакты в шапке сайта дополнительные меню в шапке сайта мега-меню категорий с функцией “амазон-меню” интерактивная карта в подвале сайта (поддерживается карты любых сервисов на ваш вкус) бесконечная подгрузка товаров в каталоге "Показать еще" модуль: карусели товаров с гибкими настройками модуль: карусель последних и случайных отзывов  модуль: преимущества магазина модуль: баннеры, карусели, слайд-шоу (с возможностью тонкой настройки под свои нужды) модуль: карусели последних или случайных новостей модуль: стена/карусель категорий настраиваемый "живой" поиск с грамотно реализованным функционалом модальные окна, адаптированные под работу с мобильными устройствами ...  На момент написания этого текста шаблон имеет больше сотни полезных настроек, и их число с каждым обновлением растет. Поэтому перечислять здесь их все не имеет смысла. Подробно ознакомится с возможностями шаблона можно в админ-панели и витрине демонстрационного сайта.
       
      -----------------------------------------------------------
       
      Демонстрация возможностей шаблона
      Главная страница Страница каталога Страница товара Панель управления [demo/demo]  
      Обратите внимание! На демо представлено несколько модулей, которые не входят в состав шаблона, для демонстрации особенностей их интеграции в шаблон:
      Обновление цены при выборе опции, без AJAX 4.1.4 (модуль совместим с шаблоном "из коробки") OCFilter - Модуль фильтра товаров 4.7.5 (файлы адаптации интегрированы в шаблон) Модуль Simple - упрощенная регистрация и заказ 4.10.4 (файлы адаптации интегрированы в шаблон) В комплекте есть только файлы адаптации этих модулей к шаблону. Сами модули, если они вам требуется, нужно приобретать отдельно у их авторов. Все остальные модули и функционал, которые представлены на демо сайте входят непосредственно в состав шаблона.
       
      -----------------------------------------------------------
       
      Производительность - PageSpeed Insights 100/100 *
      * что такое PageSpeed Insights и как проводились измерения?
       
       
      Валидность кода - полное соответствие стандартам W3C
       
       
      Системные требования
       
       
      Лицензия / условия использования
       
       
      Техническая поддержка
       
       
      Условия покупки
       
    • By seregin
      350.00 руб
      Скачать/Купить дополнение


      Opencart: Стикеры для товаров
      Модуль отображает стикеры "Скидка", "Акция", "Хит", "Новый", "Отсутствие на складе", "Стикеры зависимые от цены" и "Пользовательские стикеры" у товаров
       
      Демонстрация
       
      Главная страница: Переход на сайт
      Настройки: Переход на сайт

      Доступы в Панель администратора:

      Логин: demo
      Пароль: demo

      Поддержка:
       
      Для нестандартных шаблонов возможно будет необходимо делать дополнительную адаптацию. Стоимость от 200 рублей (зависит от количества модулей).

      Добавил seregin Добавлено 08.03.2016 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена 0  
  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.