Jump to content
Sign in to follow this  
komarekk33

[Решено] jQuery плагин на главной странице

Recommended Posts

Здравствуйте.

 

Нужно встроить jQuery плагин в featured.tpl:

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('button').click(function() {
jQuery.scrollTo('#target-el');
});
});
</script>
Как это сделать?

 

Заранее спасибо.

Share this post


Link to post
Share on other sites

зайти в  featured.tpl и вставить 

Пробовал – не работает.

 

Может как-то по-особенному вставлять нужно? Подскажите, пожалуйста.

Share this post


Link to post
Share on other sites

это скрипт от чего вообще ? какая-то карусель ? 

Share this post


Link to post
Share on other sites

Нет, это скроллинг:

http://xiper.net/collect/js-plugins/effects/scrollto

У Вас наверно сам плагин не подключен, проверьте в хедере 

 

 

Не посмотрел что не тот скролл и написал, но тоже может пригодиться 

 

так вы не туда вставляете, данная приблуда вставляется в footer.tpl

$(document).ready(function () {

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('.scrollup').fadeIn();
        } else {
            $('.scrollup').fadeOut();
        }
    });

    $('.scrollup').click(function () {
        $("html, body").animate({
            scrollTop: 0
        }, 600);
        return false;
    });

});

if ($(this).scrollTop() > 100 <= это значения в px через сколько должна появляться кнопка прокрутки, в расчете от низа экрана 

600 <= время скрола в миллисекундах

 

Кнопка <a href="#" class="scrollup">Scroll</a> добавляете тоже же в футер  

 

.scrollup {
    display: none;
   а дальше сами
}

Share this post


Link to post
Share on other sites

У Вас наверно сам плагин не подключен, проверьте в хедере 

 

 

Не посмотрел что не тот скролл и написал, но тоже может пригодиться 

 

так вы не туда вставляете, данная приблуда вставляется в footer.tpl

$(document).ready(function () {

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('.scrollup').fadeIn();
        } else {
            $('.scrollup').fadeOut();
        }
    });

    $('.scrollup').click(function () {
        $("html, body").animate({
            scrollTop: 0
        }, 600);
        return false;
    });

});

if ($(this).scrollTop() > 100 <= это значения в px через сколько должна появляться кнопка прокрутки, в расчете от низа экрана 

600 <= время скрола в миллисекундах

 

Кнопка <a href="#" class="scrollup">Scroll</a> добавляете тоже же в футер  

 

.scrollup {
    display: none;
   а дальше сами
}

 

Вот header.tpl:

 

3qknm3r.png

 

Вот featured.tpl:

 

3qknmlN.png

 

Всё ещё не работает.

Share this post


Link to post
Share on other sites

1) откуда у вас в featured.tpl взялись теги head?!

 

2) подобный код нужно вставлять в конце шаблона

уберите теги head и пробуйте код в конце featured.tpl вставить

 

3) если что-то из кода js не работает - в первую очередь смотрите консоль браузера

Share this post


Link to post
Share on other sites

Обновил jQuery и плагин, переместил код в нижнюю часть документа – всё работает.

 

Спасибо за помощь.

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 fofa
      Через OCMOD можно менять javascript - файлы?
    • By santehtop
      Всем привет! Нужна помощь специалиста! Столкнулся с такой проблемой. В карточке товара установлен модуль рекомендуемые товары, но вот беда, на мольных устройствах он не корректно отображается... в частности заметил такую проблему на гугл хроме, яндекс браузере. На мозиле проблем нет
      Ссылка на товар https://santeh-nova.com/2292-newarc-smesiteli-941881

      Вот сама проблема... сжимает


      Подскажите, кто возможно сталкивался с данной проблемой? какие есть возможные варианты решений ? 
       
    • By nikifalex
      499.00 руб
      Скачать/Купить дополнение


      Похожие товары по атрибутам
      Модуль автоматически показывает товары с атрибутами, похожими на атрибуты товара, страница которого открыта.
      Вначале показываются товары с полным совпадением всех атрибутов, потом почти всех и т.д. вплоть до одного совпавшего атрибута.
      Вручную товары в админке указывать не нужно. Модуль автоматически находит похожие.
      Дополнительно можно указать искать похожие товары только внутри тех же категорий или того же производителя.
       
      Модуль полезен при большом количестве товаров, позволяет покупателю увидеть аналоги товара и перейти сразу на аналогичный товар.
       
      Установка: Стандартно через установку дополнений. Потом добавляем модуль в стандартную схему "Продукт".
      Модуль не изменяет файлы.
       
      Доработки функционала или под ваш нестандартный шаблон, при необходимости, за плату.
       
      Другие мои модули
      Накопительная скидка v2
      Модуль автокатегорий
       
      Оперативная техподдержка по модулю всем покупателям
      Добавил nikifalex Добавлено 08.09.2017 Категория Прочее Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.1 ocStore 3.0
      2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1 Обращение к серверу разработчика Нет  
    • By nikifalex
      Модуль автоматически показывает товары с атрибутами, похожими на атрибуты товара, страница которого открыта.
      Вначале показываются товары с полным совпадением всех атрибутов, потом почти всех и т.д. вплоть до одного совпавшего атрибута.
      Вручную товары в админке указывать не нужно. Модуль автоматически находит похожие.
      Дополнительно можно указать искать похожие товары только внутри тех же категорий или того же производителя.
       
      Модуль полезен при большом количестве товаров, позволяет покупателю увидеть аналоги товара и перейти сразу на аналогичный товар.
       
      Установка: Стандартно через установку дополнений. Потом добавляем модуль в стандартную схему "Продукт".
      Модуль не изменяет файлы.
       
      Доработки функционала или под ваш нестандартный шаблон, при необходимости, за плату.
       
      Другие мои модули
      Накопительная скидка v2
      Модуль автокатегорий
       
      Оперативная техподдержка по модулю всем покупателям
    • By Mojitoua
      Всем привет.
      Ищу исполнителя.
      На сайте есть выпадающее меню (по нажатию - КАТАЛОГ ТОВАРОВ)
      Эту кнопку и все выпадающие меню нужно скрыть от поисковиков, то есть оставить для людей (юзабилити).
      Сделать это нужно по умному, без noindex и nofollow, я так понимаю альтернативы аяксу нет.
      Уверен здесь хорошо это реализовано, как пример f.ua.
  • 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.