Jump to content
Sign in to follow this  
ArtemPitov

[HowTo] Плавный скроллинг для списка брендов без перезагрузки Op / Osa 1.5.x

Recommended Posts

Делал по нуждам плавный скроллинг для списка брендов, решил поделиться реализацией 

 

1. заходим в 

catalog\view\theme\*\template\product\manufacturer_list.tpl

2. находим сверху алфавитный указчик

<?php foreach ($categories as $category) { ?>
     
  <a href="index.php?route=product/manufacturer#<?php echo $category['name']; ?>"><b><?php echo $category['name']; ?></b></a>
<?php } ?>

и удаляем index.php?route=product/manufacturer, должно получиться вот так =>

<?php foreach ($categories as $category) { ?>
     
  <a href="#<?php echo $category['name']; ?>"><b><?php echo $category['name']; ?></b></a>
<?php } ?>

3. В конце документа добавляем скрипт 

<script type="text/javascript">
  function scrollHref(){
    var $scroll = $(this);

    $("html, body").animate({
      scrollTop: $($scroll.attr("href")).offset().top}, 2000); 
      return false;
  }
  $("a[href*=#]").click(scrollHref);
</script>

2000 - это время прокрутки в мс

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

scrollTop: $($anchor.attr("href")).offset().top+100}, 2000); 

scrollTop: $($anchor.attr("href")).offset().top-100}, 2000); 
Edited by ArtenPitov

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 kostolom
      Скачать/Купить дополнение


      Запрет индексации выбранных категорий Блога в шаблоне Journal (vqmod)
      Работает в шаблоне Journal
      В этом шаблоне есть компонент Blog
      Избавляемся от дублей ссылок на статьи блога (в главном разделе блога).
      Так вот, там есть проблема с дублями ссылок на статьи блогов.
      Например полная ссылка на статью такого вида: site.ru/blog/help/instruktsiya-po-oplate.html
      Но в главной категории blog отображаются все статьи в порядке добавления. т.е. по дате.
      В итоге по ссылке на главную категорию этого компонента, например site.ru/blog отображены статьи из всех категорий в куче, а ссылки идут такие: site.ru/blog/instruktsiya-po-oplate.html
      Т.е. в этой ссылке нет подкатегории. Вот и рождаются дубли.
      Данный модуль, меняет файл вывода списка статей в определённых категориях.
      Задаём название категории в которой все ссылки на статьи не будут индексироваться .те. к ссылкам на статьи добавляется rel="nofollow"
      Должно работать на всей линейке Opencart 1.5.x и vqmod не ниже 2.1
      Настройки:
      В файле увидите строку:
      <? if($heading_title=="Интересное"){$rel="rel='nofollow'";}else{$rel="";} ?>
      Замените слово Интересное на название той категории в которой хотите запретить индексацию на статьи.
      Логика работы модуля: Модуль проверяет заголовок H1 у категории и если он равен тому названию что вы задали, то ко всем ссылкам на статьи блога, добавляется rel='nofollow'
      Советую делать это только для главной категории блога. Т.е. ссылка ведёт на список ВСЕХ статей блога.
      По умолчанию ссылка на главную страницу ВСЕХ блогов такая site.ru/blog
      Установка:
      1) установить vqmod (если не установлен)
      2) скопировать данный файл (предварительно изменив под себя) в папку vqmod/xml
      После изменений файла, очищайте кэш vqmod (очищайте папку vqmod/vqcache)
      Удаление:
      1) удалите данный файл из папки vqmod/xml
      2) очищайте папку vqmod/vqcache
      Протестировано на Opencart 1.5.6.4 Journal 2.5.5 vqmod 2.5.1
      Добавил kostolom Добавлено 24.07.2015 Категория Модули  
    • By mister12
      Шаблон работает на Opencart и ocStore 1.5.X!!! (версия для 2.X / 3.X находится тут)
       
      Описание шаблона "Автомагазин запчастей ExlusiveTuning":
      Стильный, индивидуальный, эксклюзивный, адаптивный шаблон, созданный под АВТОтематику. Выполнен в двух вариантах: в темных тонах с элементами карбоновых бэкграундов и светлых тонах для любителей более легкого цвета. В шаблоне предусмотрено множество тонкостей, характерных для автомагазинов: иконки с элементами колес, двигателей, приборных датчиков и т.п. Шаблон выполнен с учетом технологии VQMOD (однако, может работать и без него, но с более ограниченным функционалом). На DEMO продемонстрирован уже наполненный шаблон, близкий к полноценно работающему магазину.
      Особенности шаблона "Автомагазин запчастей ExlusiveTuning"
      1. Собственный VQMOD файл с индивидуальными настройками магазина
      2. Возможность вывода всей контактной информации в шапку сайта (и в подвал) прямо из админки
      3. На странице товара реализован кнопочный функционал +/- к количеству покупаемого товара
      4. На странице товара заменена всплывающая фотогалерея на Fancybox. Colorbox имел множество недостатков.
      5. Индивидуальные иконки соц.сетей
      6. Вложены исходники элементов дизайна для внесения изменений при необходимости
      7. Полная валидация/оптимизация кода
      8. Полная адаптация под любые размеры экранов, на любых мобильных устройствах сайт отображается эстетично
      9. Добавлена семантическая микроразметка Schema.org для поисковиков
      10. Две цветовые гаммы шаблона на выбор - в светлых тонах и темных тонах.
       
      ШАБЛОН ДОСТУПЕН В ДВУХ ЦВЕТОВЫХ ВАРИАНТАХ НА ВАШ ВЫБОР! 
       

       
      Демо автомагазина ExusiveTuning (тёмный стиль):
      Главная страница: http://auto.demo1.bget.ru/
      Страница категории: http://auto.demo1.bget.ru/kuzov/
      Страница товара: http://auto.demo1.bget.ru/kolesa/diski/axe_706
       
      Демо автомагазина ExusiveTuning (светлый стиль):
      Главная страница: http://auto.demo1.bget.ru/white/
      Страница категории: http://auto.demo1.bget.ru/white/kuzov/
      Страница товара: http://auto.demo1.bget.ru/white/kolesa/diski/axe_706
       
      Совместимость/валидация шаблона автомагазина запчастей ExlusiveTuning:
      Шаблон прошел полную оптимизацию кода. Google pagespeed оценивает уровень оптимизации на 90/100.
      Ссылка на pagespeed - https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fauto.demo1.bget.ru%2F&tab=desktop
      Шаблон тестировался во всех современных браузерах, проходит проверку валидатора кода без единой ошибки.
      Ссылка на валидатор - https://validator.w3.org/nu/?doc=http%3A%2F%2Fauto.demo1.bget.ru%2F
      Корректно отображается на любых мобильных устройствах с любыми размерами экранов.
      Адаптивная верстка легко проходит проверку от Google Mobile Friendly Websites, благодаря чему исключены потери поискового трафика.
      Ссылка на mobile-friendly -https://search.google.com/search-console/mobile-friendly?id=MDZGx8dSO3xNMQHxAptsFg
       

      Совместим с ЛЮБЫМИ дополнительными модулями.
      Демо-админка:
      http://auto.demo1.bget.ru/admin/
      Логин: demo
      Пароль: demo
      Шаблон тестировался на ocStore 1.5.5.1.2, а также на версиях Opencart 1.5.6.4 и Opencart 1.5.5.1.
       
      ПРЕДСТАВЛЕННЫЙ ШАБЛОН БАЗОВЫЙ И ПРИ ЖЕЛАНИИ ДОРАБАТЫВАЕТСЯ ПОД КЛИЕНТА




       
      Лицензия на шаблон автомагазина ExlusiveTuning:
      1. В стоимость шаблона также ВКЛЮЧЕНА ПОМОЩЬ по установке и настройке данного шаблона (помощь согласно инструкции).
      2. Приобретая шаблон вы получаете неограниченный доступ ко всем последующим обновлениям шаблона.
      3. Запрещается распространять файлы шаблона.
      4. Покупатель имеет право использовать приобретенный шаблон только для установки на собственный интернет-магазин, либо (если это разработчик) на интернет-магазин клиента.
      5. Шаблон реализуется по принципу "1 покупатель – 1 домен"
      6. Если покупатель будет уличен в нарушении правил описанных выше – он автоматически лишается всякой технической поддержки и подлежит обнародованию.
      Обратите внимание!
      По шаблону ExlusiveTuning осуществляется дальнейшая доработка и расширение возможностей!
    • By mister12
      999.00 руб
      Скачать/Купить дополнение


      Шаблон автомагазина запчастей ExlusiveTuning
      Шаблон работает на Opencart и ocStore 1.5.X!!! (версия для 2.X / 3.X находится тут)
       
      Описание шаблона "Автомагазин запчастей ExlusiveTuning":
      Стильный, индивидуальный, эксклюзивный, адаптивный шаблон, созданный под АВТОтематику. Выполнен в двух вариантах: в темных тонах с элементами карбоновых бэкграундов и светлых тонах для любителей более легкого цвета. В шаблоне предусмотрено множество тонкостей, характерных для автомагазинов: иконки с элементами колес, двигателей, приборных датчиков и т.п. Шаблон выполнен с учетом технологии VQMOD (однако, может работать и без него, но с более ограниченным функционалом). На DEMO продемонстрирован уже наполненный шаблон, близкий к полноценно работающему магазину.
      Особенности шаблона "Автомагазин запчастей ExlusiveTuning"
      1. Собственный VQMOD файл с индивидуальными настройками магазина
      2. Возможность вывода всей контактной информации в шапку сайта (и в подвал) прямо из админки
      3. На странице товара реализован кнопочный функционал +/- к количеству покупаемого товара
      4. На странице товара заменена всплывающая фотогалерея на Fancybox. Colorbox имел множество недостатков.
      5. Индивидуальные иконки соц.сетей
      6. Вложены исходники элементов дизайна для внесения изменений при необходимости
      7. Полная валидация/оптимизация кода
      8. Полная адаптация под любые размеры экранов, на любых мобильных устройствах сайт отображается эстетично
      9. Добавлена семантическая микроразметка Schema.org для поисковиков
      10. Две цветовые гаммы шаблона на выбор - в светлых тонах и темных тонах.
       
      ШАБЛОН ДОСТУПЕН В ДВУХ ЦВЕТОВЫХ ВАРИАНТАХ НА ВАШ ВЫБОР! 
       

       
      Демо автомагазина ExusiveTuning (тёмный стиль):
      Главная страница: http://auto.demo1.bget.ru/
      Страница категории: http://auto.demo1.bget.ru/kuzov/
      Страница товара: http://auto.demo1.bget.ru/kolesa/diski/axe_706
       
      Демо автомагазина ExusiveTuning (светлый стиль):
      Главная страница: http://auto.demo1.bget.ru/white/
      Страница категории: http://auto.demo1.bget.ru/white/kuzov/
      Страница товара: http://auto.demo1.bget.ru/white/kolesa/diski/axe_706
       
      Совместимость/валидация шаблона автомагазина запчастей ExlusiveTuning:
      Шаблон прошел полную оптимизацию кода. Google pagespeed оценивает уровень оптимизации на 90/100.
      Ссылка на pagespeed - https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fauto.demo1.bget.ru%2F&tab=desktop
      Шаблон тестировался во всех современных браузерах, проходит проверку валидатора кода без единой ошибки.
      Ссылка на валидатор - https://validator.w3.org/nu/?doc=http%3A%2F%2Fauto.demo1.bget.ru%2F
      Корректно отображается на любых мобильных устройствах с любыми размерами экранов.
      Адаптивная верстка легко проходит проверку от Google Mobile Friendly Websites, благодаря чему исключены потери поискового трафика.
      Ссылка на mobile-friendly -https://search.google.com/search-console/mobile-friendly?id=MDZGx8dSO3xNMQHxAptsFg
       

      Совместим с ЛЮБЫМИ дополнительными модулями.
      Демо-админка:
      http://auto.demo1.bget.ru/admin/
      Логин: demo
      Пароль: demo
      Шаблон тестировался на ocStore 1.5.5.1.2, а также на версиях Opencart 1.5.6.4 и Opencart 1.5.5.1.
       
      ПРЕДСТАВЛЕННЫЙ ШАБЛОН БАЗОВЫЙ И ПРИ ЖЕЛАНИИ ДОРАБАТЫВАЕТСЯ ПОД КЛИЕНТА




       
      Лицензия на шаблон автомагазина ExlusiveTuning:
      1. В стоимость шаблона также ВКЛЮЧЕНА ПОМОЩЬ по установке и настройке данного шаблона (помощь согласно инструкции).
      2. Приобретая шаблон вы получаете неограниченный доступ ко всем последующим обновлениям шаблона.
      3. Запрещается распространять файлы шаблона.
      4. Покупатель имеет право использовать приобретенный шаблон только для установки на собственный интернет-магазин, либо (если это разработчик) на интернет-магазин клиента.
      5. Шаблон реализуется по принципу "1 покупатель – 1 домен"
      6. Если покупатель будет уличен в нарушении правил описанных выше – он автоматически лишается всякой технической поддержки и подлежит обнародованию.
      Обратите внимание!
      По шаблону ExlusiveTuning осуществляется дальнейшая доработка и расширение возможностей!
      Добавил mister12 Добавлено 24.12.2016 Категория Платные шаблоны Системные требования наличие установленного VQMOD Сайт разработчика Старая цена 1250 Метод активации Без активации Ioncube Loader Нет OpenCart 1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1 ocStore 1.5.5.1.2
      1.5.5.1.1
      1.5.5.1 OpenCart.Pro, ocShop Обращение к серверу разработчика  
  • 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.