На странице товара сделать вкладку активной и плавный скролл к ней

[sadko]

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

 

Сразу хочу сказать - я чайник.

 

Возникла необходимость сделать под кнопкой купить еще одну кнопку - купить в комплект. Идея была такая - по нажатию на эту кнопку становиться активной вкладка В КОМПЛЕКТ и происходит плавный скролл к содержимому вкладки. Ну типа - чтоб прямо в глаза вылезло, чтоб было очевидно что и где смотреть.

 

Пример такой страницы:

 

http://www.natamoda.com.ua/bjustgaltery-bolshih-razmerov/bjustgalter-bolshogo-razmera-model-852-3-angela

 

- зеленая кнопка под красными кнопками КУПИТЬ.

 

Добавил в template\product\product.tpl js-скрипт найденный в инете(http://dontforget.pro/javascript/plavnyiy-skrolling-k-elementu-na-jquery/) такого содержания:

 

<!--Скрипт скроллинга страницы к элементу из ссылки--> 
<script type = "text/javascript"><!--
    $(document).ready(function() {
        $('.go_to').click(function() { // ловим клик по ссылке с классом go_to
            var scroll_el = $(this).attr('href'); // возьмем содержимое атрибута href, должен быть селектором, т.е. например начинаться с # или .
            alert(scroll_el);
            scroll_el = '#tab-related';
            alert(scroll_el);
            if ($(scroll_el).length != 0) { // проверим существование элемента чтобы избежать ошибки
                $('html, body').animate({
                    scrollTop: $(scroll_el).offset().top
                }, 500); // анимируем скроолинг к элементу scroll_el
            }
            return false; // выключаем стандартное действие
        });
    });
//--></script>
<!--Скрипт скроллинга страницы к элементу из ссылки-->

 

На локольной версии сайта - работает. А на сервере - нет! Не могу понять в чем дело. Причем на сервере почему-то даже не выскакивают окошки alert() - хотел посмотреть содержимое alert(scroll_el);.

 

У меня OcStore 1513. Локально XAMPP 5.3.8. На сервере PHP 5.3.28

 

Посоветуете что-нибудь? Буду очень признателен.

 

С уважением

Змінено 3 жовтня 2016 користувачем sadko

[sadko]

Полечилось.

Причину выяснить так и не смог. Возможно, какую-то роль сыграло то, что в файлах была мешанина в вопросе формата окончания строк: CRLF LF CR. Привел все к UNIX LF

В конечном итоге после того как сделал так заработало:

1. Добавил в catalog\view\javascript\common.js функцию scroll_to:

function scroll_to(scroll_el) {
	if ($(scroll_el).length != 0) { // проверим существование элемента чтобы избежать ошибки
	    $('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 500); // анимируем скроолинг к элементу scroll_el
        }
	    return false;
}

а на саму кнопку навесил такой код:

<a onclick="$('a[href=\'#tab-related\']').trigger('click'); scroll_to('#tab-related');" id="button-related">

Может кому пригодиться.

Змінено 3 жовтня 2016 користувачем sadko