Перейти к содержанию
ArtemPitov

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

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

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

 

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); 
Изменено пользователем ArtenPitov

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От 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 Категория Модули  
    • От OldAine
      1 500.00 руб
      Скачать/Купить дополнение


      AVA STORE - универсальный, адаптивный шаблон
      AVA STORE
      ВЫ ПРИОБРЕЛИ ШАБЛОН, НО НЕ ЗНАЕТЕ КАКОЙ АРХИВ СКАЧАТЬ? -
      СМОТРИТЕ ОТВЕТ ВАЖНО!!!
      При первом обращении на почту: oldaine@yandex.ru, за тех.поддержкой, обязательно, указывайте где именно Вы приобрели шаблон, с какого логина(ника) и e-mail была совершена покупка. Если вопрос напрямую связан с Вашим сайтом, то сразу укажите его домен. Тех. поддержка оказывается круглосуточно, но только покупателям шаблона, поэтому мы требуем подтверждения, что Вы являетесь нашим клиентом. Спасибо за понимание.
      Пожалуйста, во избежании недоразумений, не стесняйтесь задавать вопросы по шаблону, перед покупкой!
      Обратите внимание: Мы оказываем тех. поддержку и помогаем в решении проблем вызванных шаблоном, но не ищем работу, поэтому не стоит предлагать нам, за деньги, переделывать шаблон под Ваши нужды.
      Совместимость с движками
      Совместимость с модулями:
      Коротко о шаблоне:
      Бесплатные модули:
      FAQ | Часто задаваемые вопросы:
      Лицензия:
      В помощь новичкам:
      История изменений:
      РЕКОМЕНДУЮ:
      Рекомендуется устанавливать шаблон на последнюю версию движка - OcStore 15512 !
      Тормозит сайт? Нужна профессиональная оптимизация сайта? – обращайтесь к Snastik
      Консультации по SEO | SEO-оптимизация магазинов | Ускорение и оптимизация движка
      Добавил OldAine Добавлено 12.02.2014 Категория Платные шаблоны Системные требования Аналогичные ocstore и opencart 1.5 Сайт разработчика oldaine.ru Старая цена 1900 Метод активации Автоматическая активация 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 Несовместим  
    • От mister12
      990.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  
  • Последние посетители   0 пользователей онлайн

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

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.