colaweb

Главная страница с анимацией ocStore v1.5.4.1

Рекомендуемые сообщения

colaweb    31

index.php?app=downloads&module=display&section=screenshot&id=1223

Название: Главная страница с анимацией ocStore v1.5.4.1

Добавил: colaweb

Добавлен: 12 июня 2013

Категория: Платные шаблоны

Модуль тестировался на IE9-10 и в последних версиях Firefox, Chrome

Демо

Модуль меняет главную страницу на страницу с анимацией.

Модуль автоматически подгружает меню категорий.

Модуль не меняет дизайн магазина.

Установка - замена файлов.

Авторские права на изображения:

sam AC www.flickr.com/photos/ren-cgraphics/

ren www.flickr.com/photos/asiaclassified/

Лицензия на изображения:

creativecommons.org/licenses/by-sa/2.0/deed.en

Нажмите здесь, чтобы скачать файл

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
colaweb    31

Совет! Картинки используйте с альбомной ориентацией.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
colaweb    31

В Opera будет тормозить.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Novikov    5

а какие вообще настройки предусмотрены? 

можно как то получить демо доступ к админке?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
colaweb    31

Вы можете внести необходимые Вам изменения в файле стилей.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
tommy182    3

Скажите реально ли привернуть эту страницу в качестве начальной, но ТОЛЬКО для мобильных платформ(планшеты, телефоны)?Основная страница останется для ПК и ноутов.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
colaweb    31

Скажите реально ли привернуть эту страницу в качестве начальной, но ТОЛЬКО для мобильных платформ(планшеты, телефоны)?Основная страница останется для ПК и ноутов.

 

Можно, при помощи https://github.com/serbanghita/Mobile-Detect

или http://api.yandex.ru/detector/

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
colaweb    31

Работает и в Opera 16

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
dimasgas    3

А как можно вывести на эту главную страницу кроме меню, что он подтягивает, еще несколько кнопок например "контакты" и " вход в кабинет" ?

Возможно ли сделать чтобы слайд главной переключался к примеру после клика в произвольном месте по слайду?

И еще один вопрос, я вот крутил крутил но к сожалению так и не понял, как отключить например 3 последние слайда т.е. сократить с 6 до 3х ? Подскажите. 

Спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
colaweb    31

А как можно вывести на эту главную страницу кроме меню, что он подтягивает, еще несколько кнопок например "контакты" и " вход в кабинет" ?

 

Добавьте перед </ul>

<li><a href="ссылка на контакты">контакты</a></li>

<li><a href="ссылка вход в кабинет">вход в кабинет</a></li>

 

Возможно ли сделать чтобы слайд главной переключался к примеру после клика в произвольном месте по слайду?

И еще один вопрос, я вот крутил крутил но к сожалению так и не понял, как отключить например 3 последние слайда т.е. сократить с 6 до 3х ? Подскажите. 

Спасибо.

 

Сделать можно все. Если вам необходимы доработки модуля пишите на почту colaweb@yandex.ru

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
logdoc    1

Здраствуйте, необходимо доработать модуль "Главная страница с анимацией"! Дело в том, что он полностью заменяет главную страницу!
Что я хочу?! 
1. Сначала должна загружаться главная страница с анимацией и в ней должна быть дополнительная кнопка "Главная" при нажатии на которую переходило бы на главную станицу которая была до модуля! 
2. Хотелось бы чтобы повторный переход снова на  "Главная страница с анимацией" был не по кнопке "главная на странице" а например по щелчку на логотипе.

 Напишите пожалуйста возможно ли это сделать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2c4and    0

вопрос

если установлена тема какая либо

следовательно файлы из veiw устанавливать в свою тему?

или оставить в дефолтной?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
colaweb    31

вопрос

если установлена тема какая либо

следовательно файлы из veiw устанавливать в свою тему?

или оставить в дефолтной?

 

в свою тему

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
liskagraf    1

купил поставил ничего не произошло, в смысле положительного....вопросов при разархивации не задавал ,версия оссторе 15511

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
liskagraf    1

Я вообще то задал вопрос после покупки.. Почему не произошло ничего после установки модуля. В шапке заявлена поддержка 1551. У меня 15511. Это большая разница?

Изменено пользователем liskagraf

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
liskagraf    1

Поставил на 1541 опять ничего... верните деньги что ли?)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
colaweb    31

Сделайте как написано в файле readme.txt и все будет работать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Shurlik    0

Здраствуйте, необходимо доработать модуль "Главная страница с анимацией"! Дело в том, что он полностью заменяет главную страницу!

Что я хочу?! 

1. Сначала должна загружаться главная страница с анимацией и в ней должна быть дополнительная кнопка "Главная" при нажатии на которую переходило бы на главную станицу которая была до модуля! 

2. Хотелось бы чтобы повторный переход снова на  "Главная страница с анимацией" был не по кнопке "главная на странице" а например по щелчку на логотипе.

 Напишите пожалуйста возможно ли это сделать?

Действительно,а как  это реализовать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Скажите, а на ocStore-1.5.5.1.2 работает? Стоит покупать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
rikov82    0

День добрый! Я правильно понимаю - ставятся любые картинки в модуль для вывода на главной странице? Спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
ivanatom    1

Действительно,а как  это реализовать?

 

Второй раз задают вопрос а автор модуля молчит. У меня такой же вопрос. Автор отзовись пожалуйста.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
serg570    0

Скажите, а на ocStore-1.5.5.1.2 работает? Стоит покупать?

работает

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
serg570    0

День добрый! Я правильно понимаю - ставятся любые картинки в модуль для вывода на главной странице? Спасибо!

да  главное побольше )

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
skitmag    0

Здравствуйте! Где то можно посмотреть это на работающем сайте?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
colaweb    31

Здравствуйте! Где то можно посмотреть это на работающем сайте?

http://colaweb.ru/demo/rayban/

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Похожий контент

    • От ghost298
      Меняем эффекты прокрутки стандартного слайдера в 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
      Надеюсь новичкам данный мануал будет кстати.
    • От ikarus


      Просмотреть файл Анимация товара в корзину
      Чистый модуль для анимированного перемещения товара в корзину по нажатии на кнопку "купить".
      Проверенно на версиях ocstore 1.5.3.1, 1.5.4.1, 1.5.5.1.2 на дефолтном шаблоне.
      Для установки скопировать содержимое в корень сайта (модуль ничего не заменяет) в админке добавить модуль к нужным схемам. Можно добавлять на главную, при этом анимация будет у всех размещенных там модулей (при наличии конечно кнопки "купить").
      В админке имеются некоторые настройки для недефолтных шаблонов, но для сильно недефолтных могут потребоваться допилы.
      Для совместимости с filterpo v2.4.x в файле catalog/view/javascript/filterpro.min.js найти блок:
      if (typeof(display) != "undefined") { view ? display(view) : display("list"); }   и после него добавить:
      if (typeof setAnimToCart == 'function') { setAnimToCart(); }   Если в блоке с кнопкой купить находятся еще элементы с классом "button" (например быстрый посмотр, быстрый заказ и т.п.) то для работы модуля нужно чтобы эти элементы находились (в коде) после кнопки "купить".
      !!! Пока не работает с зафиксированными корзинами (display:fixed;) !!!
      Демо
      Админка
      Логин и пароль в админку - demo
      Модуль проверен почти на всех версиях ОС (на текущий момент) и если все таки не работает, то скорее всего дело в кастомном шаблоне.
      24/08/13
      Добавлена версия с контролем наличия обязательных опций у товара. Т.о. анимация будет включаться только если обязательные опции товара выбраны. !! Если вы не используете в магазине опции то лучше брать версию без контроля опций.
      30/01/14
      В настройках добавлена возможность смещения для корзины по вертикали
      Автор ikarus Добавлен 05.06.2013 Категория Модули Работает на OpenCart Системные требования Работает на ocStore Сайт разработчика Работает на OpenCart.Pro, ocShop Старая цена Метод активации Ioncube Loader  
    • От ikarus
      Чистый модуль для анимированного перемещения товара в корзину по нажатии на кнопку "купить".
      Проверенно на версиях ocstore 1.5.3.1, 1.5.4.1, 1.5.5.1.2 на дефолтном шаблоне.
      Для установки скопировать содержимое в корень сайта (модуль ничего не заменяет) в админке добавить модуль к нужным схемам. Можно добавлять на главную, при этом анимация будет у всех размещенных там модулей (при наличии конечно кнопки "купить").
      В админке имеются некоторые настройки для недефолтных шаблонов, но для сильно недефолтных могут потребоваться допилы.
      Для совместимости с filterpo v2.4.x в файле catalog/view/javascript/filterpro.min.js найти блок:
      if (typeof(display) != "undefined") { view ? display(view) : display("list"); }   и после него добавить:
      if (typeof setAnimToCart == 'function') { setAnimToCart(); }   Если в блоке с кнопкой купить находятся еще элементы с классом "button" (например быстрый посмотр, быстрый заказ и т.п.) то для работы модуля нужно чтобы эти элементы находились (в коде) после кнопки "купить".
      !!! Пока не работает с зафиксированными корзинами (display:fixed;) !!!
      Демо
      Админка
      Логин и пароль в админку - demo
      Модуль проверен почти на всех версиях ОС (на текущий момент) и если все таки не работает, то скорее всего дело в кастомном шаблоне.
      24/08/13
      Добавлена версия с контролем наличия обязательных опций у товара. Т.о. анимация будет включаться только если обязательные опции товара выбраны. !! Если вы не используете в магазине опции то лучше брать версию без контроля опций.
      30/01/14
      В настройках добавлена возможность смещения для корзины по вертикали
    • От serega-lomik




      Название: Анимация при переключении табов. vQmod для 1.5 и OcMod для 2.0
      Добавил: serega-lomik
      Добавлен: 18 июня 2015
      Категория: Прочее

      vQmod для 1.5 и OcMod для 2.0, добавляющие анимацию при переключении табов. Сам выбор анимации в xml файлах, разных видов 8 штук, но можно с лёгкостью добавить свой.
      Для 1.5 - распаковываете архив и закачиваете обе папки в корень сайта. Никакие файлы не перезаписываются.
      Для 2.0 - устанавливаете ocmod с помощью "установки дополнений в админке магазина."
      Поставляется как есть (as is), поддержка и адаптация к вашей теме и модулям - от 200руб.

      Демо 1.5: http://1.live-drive.ru/index.php?route=product/product&path=24&product_id=28
      Демо 2.0: http://oc2.oc-dev.ru/laptop-notebook/hp-lp3065

      Нажмите здесь, чтобы скачать файл
    • От serega-lomik
      vQmod для 1.5 и OcMod для 2.0, добавляющие анимацию при переключении табов. Сам выбор анимации в xml файлах, разных видов 8 штук, но можно с лёгкостью добавить свой.
      Для 1.5 - распаковываете архив и закачиваете обе папки в корень сайта. Никакие файлы не перезаписываются.
      Для 2.0 - устанавливаете ocmod с помощью "установки дополнений в админке магазина."
      Поставляется как есть (as is), поддержка и адаптация к вашей теме и модулям - от 200руб.

      Демо 1.5: http://1.live-drive.ru/index.php?route=product/product&path=24&product_id=28
      Демо 2.0: http://oc2.oc-dev.ru/laptop-notebook/hp-lp3065
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу