Search the Community

Завантажити / Придбати розширення Кнопка прокрутки вверх Модификатор добавляет плавающую кнопку прокрутки страницы вверх. Демо модуля. Модуль входит в состав шаблона Revolution. Автор pikitos долучення 19.09.16 Категорія Модули Системные требования Метод активации Ioncube Loader ocStore OpenCart.Pro, ocShop Звернення до сервера розробника  

Как убрать прокрутку сайта вверх при добавлении товара в корзину? http://aquadom-group.ru/

Завантажити / Придбати розширення Up Down button | Кнопка Вверх Вниз Простая кнопка прокрутки страницы вверх и вниз - типа как в вк. Умеет возвращать при прокрутке вниз на то же самое место откуда была совершена прокрутка вверх. Установка: Через установщик дополнений OCMOD Не забываем тыкнуть кнопку обновлить в менеджере дополнений! Автор HyperLabTeam долучення 19.11.16 Категорія Модули Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 3.0 2.3 2.2 2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 OcShop 2.0.3.х Звернення до сервера розробника Нет  

Меняем эффекты прокрутки стандартного слайдера в opencart 2.3 1. Открываем /catalog/controller/module/slideshow.php 2. Ищем: $this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js'); Меняем на: $this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.js'); 3. Ниже добавляем: $this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.transitions.css'); $this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/animate.css'); В итоге должно получиться: $this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.js'); $this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.transitions.css'); $this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/animate.css'); 4. Идем в папку /catalog/view/javascript/jquery/owl-carousel где открываем файл owl.carousel.js 5. Ищем: support3d = (asSupport !== null && asSupport.length === 1); Меняем на: support3d = (asSupport !== null && asSupport.length >= 1 && asSupport.length <= 2); 6. Открываем /catalog/view/theme/ваша-тема/template/extension/module/slideshow.tpl 7. Ищем блок похожий на: <script type="text/javascript"><!-- $('#slideshow<?php echo $module; ?>').owlCarousel({ items: 1, autoplay:true, autoplaySpeed:1500, autoplayHoverPause:true, loop: true, singleItem: true, nav: true, navText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'], dots: true }); --></script> 8. Перед items: 1, вставляем: animateOut: 'rollOut', animateIn: 'rollIn', 9. Скачиваем animate.css: Ищи внизу под выбором стиля анимации Download Animate.css 10. Вставляем через FTP animate.css сюда: /catalog/view/javascript/jquery/owl-carousel/ 11. Переходим в /catalog/view/theme/ваша-тема/template/extension/module/slideshow.tpl 12. Ищем: animateOut: 'rollOut', animateIn: 'rollIn', Меняем rollOut и rollIn на любую другую заставку. Названия эффектов можно посмотреть здесь: https://daneden.github.io/animate.css/ Там же можно посмотреть и как он выглядит и как называется. Версия в которой я настраивал: opencart 2.3.0.2.2 Сначала настраивал по аналогии как здесь: https://asterial.ru/saytostroenie/effekty-slaydera-owl-carousel-v-opencart-i-ocstore-2102-chto-delat-esli-slayder-ne Но по ходу были небольшие доработки. Теперь давайте подробнее объясню, что к чему. В пункте 3 я добавил строчку $this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/animate.css'); потому что в файле …owl.transitions.css'); прописаны не все эффекты и добавление одной этой строчки не достаточно. Там прописано по моему 4 или 5 эффектов. При подключении библиотек … animate.css'); все эффекты работали как положено. Файл animate.css скачивал с сайта https://owlcarousel2.github.io/OwlCarousel2/demos/animate.html, см. пункт 9. Там ниже под пунктом 1 ссылка на скачку. Далее расположение файла slideshow.tpl в opencart 2.3.0.2.2 лежит немного по другому пути. См. пункт 6. Строки animateOut и animateIn в файле slideshow.tpl как раз и отвечают за анимацию прокрутки. animateOut – означает каким эффектом будет убираться изображение. animateIn – каким эффектом будет появляться следующее за ним изображение и так по кругу. Кстати если не заморачиваться и в файле slideshow.tpl перед items: 1, вставить animateOut: 'fadeOut', то у вас уже должна смениться анимация прокрутки так как этот эффект присутствует по умолчанию в библиотеке owl.transitions.css Надеюсь новичкам данный мануал будет кстати.

Добрый день! У нас есть проблемы вёрстки на шаблоне у страниц категорий. Может кто сталкивался с этим и знает как лечиться такая проблема? Верстальщики пока не знают как избавиться от этого. После полной загрузки страницы, всё становиться нормально. Но посетителей это явно пугает.

Привет Подскажите, пожалуйста, бесплатный модуль для вывода товаров определенной категории на главную страницу в виде карусели. Уже 2 дня в инете ищу. И второй вопрос - как можно подружить Owl Carousel с OpenCart ?

Завантажити / Придбати розширення Бесконечная прокрутка Модуль добавляет бесконечную прокрутку на страницу категории, что позволяет вашим клиентам не использовать пагинацию, а видеть товары на одной странице, устанавливается с помощью ocmod Модуль разрабатывался под стандартный шаблон, для не стандартных возможно потребуются некоторые изменения в файле ocmod Автор OlenchenkoA долучення 14.11.16 Категорія Модули Системные требования Метод активации Без активации Ioncube Loader Нет ocStore OpenCart.Pro, ocShop Звернення до сервера розробника  

Завантажити / Придбати розширення Кнопка прокрутки вверх-вниз У этого модуля есть платная версия. С помощью этого модуля можно легко и просто подключить кнопку прокрутки вверх-вниз. Можно настроить ------------------------------------- 1. Цвет (доступно 20 предустановленных цветовых схем). 2. Скорость прокрутки. 3. 2 типа отображения: только кнопка или кнопка + панель прокрутки. 4. 2 типа направления прокрутки: только вверх или вверх-вниз. 6. Размеры для панели прокрутки, кнопки, иконки. 7. Позицию элементов прокрутки (слева или справа). 8. Отображение в админке. 9. Отображение на сайте. 10. Позиция кнопки: вверху, по центру, внизу. Модуль работает на версии oc 1.5.6.4. На других версиях не тестировался. Языки: english, russian Если понравился модуль — проголосуйте: Это улучшит его поддержку и дальнейшее развитие! Демо: Магазин Админка Login: demo Password: demo Установка: Установка (VQmod) ------------------------------------- Модуль работает с VQmod и не перезаписывает файлы OpenCart. Можно установить и без VQmod (Смотрите пункт "Установка (без VQmod)"). Всю информацию по vqmod вы пожете посмотреть по адресу https://github.com/vqmod/vqmod/releases 1. Распакуйте архив "up-down-scroll-btn.zip". 2. Скопируйте содержимое "upload" в корень вашего сайта через FileZilla или другой FTP-клиент. 3. Перейдите в "Дополнения > Модули" и нажмите на ссылку "Установить". Установка (без VQmod) ------------------------------------- 1. Распакуйте архив "up-down-scroll-btn.zip". 2. Скопируйте содержимое "upload" (кроме папки "vqmod") в корень вашего сайта через FileZilla или другой FTP-клиент. 3. Добавьте некоторые изменения в файлы вашего сайта. Смотрите файл "up-down-scroll-btn.xml" в папке "/vqmod/xml/". 4. Перейдите в "Дополнения > Модули" и нажмите на ссылку "Установить". Автор dexteron долучення 02.03.16 Категорія Модули Системные требования Метод активации Ioncube Loader ocStore OpenCart.Pro, ocShop Звернення до сервера розробника  

Добрый день! Хотим решить давнюю проблему нашего интернет-магазина (платформа opencart 1.5.6). Сайт напишу в личку. Проблема связана с медленной прокруткой вверх-вниз на сенсорных телефонах (например на iphone 6, браузер safari). Хочется видеть привычную скорость прокрутки вверх-вниз, как например при открытии Яндекс на мобильном устройстве. Обнаружили, что проблема скорее всего связана с java скриптами, в частности с библиотекой jquery, ибо при удалении каждого из этих файлов (jquery.mobile-events.js, jquery.prettyPhoto.js, script.js, bxslider.js и jquery.1.7.1.min.js) скорость прокрутки становится нормальной, но при этом не работает нажатие кнопок меню (menu-swipe - бегающее меню и menu-bar), или работает menu-bar, но не работает бегающее меню (в котором скорее всего и заключается проблема). Можете ли вы помочь ускорить прокрутку сайта, при этом чтобы меню и кнопки работали. И сколько это будет стоить? С уважением, Егор

10 Завантажити / Придбати розширення Кнопка прокрутки вверх-вниз Кнопка прокрутки вверх-вниз v2.0 Обновленная и доработанная версия модуля прокрутки вверх-вниз. С помощью этого модуля можно легко и просто подключить кнопку прокрутки вверх-вниз. Можно настроить 1. Цвет (доступно 20 предустановленных цветовых схем). 2. Скорость прокрутки. 3. 2 типа отображения: только кнопка или кнопка + панель прокрутки. 4. 2 типа направления прокрутки: только вверх или вверх-вниз. 6. Размеры для панели прокрутки, кнопки, иконки. 7. Позицию элементов прокрутки (слева или справа). 8. Отображение в админке. 9. Отображение на сайте. 10. Позиция кнопки: вверху, по центру, внизу. Чем отличается эта версия от бесплатной? 1. Переделаны и сгруппированы настройки. Добавлены отдельные типы отображения. 2. Можно загрузить и подключить свою иконку для кнопки. 3. Возможность задать отступы для кнопки. 4. Можно добавить свой текст. Мультиязычность присутствует. 5. Добавлена схематическая демонстрация отображения модуля с различными типами настроек (для открытия нажмите на ссылку "что это значит?" на странице настройки модуля). Модуль протестирован на версиях 1.5.1.x, 1.5.2.x, 1.5.3.x, 1.5.4.x, 1.5.5.x, 1.5.6.x Языки: english, russian Демо: Магазин Админка Login: demo Password: demo Установка: Установка (VQmod) ------------------------------------- Модуль работает с VQmod и не перезаписывает файлы OpenCart. Можно установить и без VQmod (Смотрите пункт "Установка (без VQmod)"). Всю информацию по vqmod вы пожете посмотреть по адресу https://github.com/vqmod/vqmod/releases 1. Распакуйте архив. 2. Скопируйте содержимое "upload" в корень вашего сайта через FileZilla или другой FTP-клиент. 3. Перейдите в "Дополнения > Модули" и нажмите на ссылку "Установить". Установка (без VQmod) ------------------------------------- 1. Распакуйте архив. 2. Скопируйте содержимое "upload" (кроме папки "vqmod") в корень вашего сайта через FileZilla или другой FTP-клиент. 3. Добавьте некоторые изменения в файлы вашего сайта. Смотрите файл "up-down-scroll-btn.xml" в папке "/vqmod/xml/". 4. Перейдите в "Дополнения > Модули" и нажмите на ссылку "Установить". Краткая демонстрация типов отображения: Автор dexteron долучення 12.12.16 Категорія Модули Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 1.5.5.1.2 1.5.5.1.1 1.5.5.1 1.5.4.1.2 1.5.4.1.1 1.5.4.1 1.5.3.1 1.5.2.1 1.5.1.3 OpenCart.Pro, ocShop Не проверялось Звернення до сервера розробника Нет

Появилась горизонтальная полоса прокрутки после изменение футера на всю ширину сайта. Делала так footer.tpl </div> <div id="footer"> <div id="container"> <div class="copy">© 2013 Klikmag.ru — интернет-магазин продуктов питания по Нижегородской области.</div> <div class="callback">Обратная связь:<a href="mailto:[email protected]"> [email protected]</a></div> </div> </div> </body></html> stylesheet.css #footer { width: 100%; height: 75px; margin: 0 auto; padding: 5px; background: #0080b8; } #footer .copy { color: #ffffff; font-size: 14px; ; margin-top: 20px; float:left; } #footer .callback { color: #ffffff; font-size: 14px; ; margin-top: 20px; float:right; } #footer .callback a{ color: #ffffff; font-size: 14px; } Что у меня не так сделано? Подскажите пожалуйста.