Пошук по сайту

Всем привет. И сразу перейду к проблеме. В общем использую версию ocStore 2.1.0.2.1, захотел реализовать вид карточки товара, а именно плавный переход как тут https://f.ua/sunline/super-braid-5-8-braid-150m-1-5-0-205mm-8-8kg-16580856.html между свойствами В карточке товара (в шаблоне catalog\view\theme\default\template\product\product.tpl) перед Описания / Характеристики / Написать отзыв к - я прописал <span id="tab-description"> <span id="tab-specification"></span> <span id="tab-review"></span> , у магазина по ссылке выше это <span id="характеристики"></span> <span id="описание"></span> <span id="отзывы"></span> - я так понял описать можно что угодно. http://prntscr.com/ay6g09 Далее в том же файле catalog\view\theme\default\template\product\product.tpl В удобном будущем для себя месте создал тестовые анхоры (ничего пока не стилизировал, просто тестовый макет): <a href="#tab-description">Описание</a><br> <a href="#tab-specification">Характеристики</a><br> <a href="#tab-review">Написать отзыв</a><br> При наведении на <a href="#tab-description">Описание</a><br> я вижу что ссылка стала в моем случае http://tackle/#tab-description и при клике меня закидывает на главную страницу, и это логично ибо ссылка кривая http://prntscr.com/ay6ldr Если же в файле catalog\view\theme\default\template\product\product.tpl изменить<a href="#tab-description">Описание</a> на <a href="favorite-regza-13.html#tab-description">Описание</a> то меня чудным образом закидывает на тот участок карточки товара на который мне нужен и в УРЛ-е я имею http://tackle/spinningovaya-rybalka/katushki-dlya-rybalki/favorite-regza-13.html#tab-description и т.д. проблема в том это прописано в ручную. Как реализовать что бы имея: <a href="#tab-description">Описание</a><br> <a href="#tab-specification">Характеристики</a><br> <a href="#tab-review">Написать отзыв</a><br> УРЛ был в итоге: http://tackle/spinningovaya-rybalka/katushki-dlya-rybalki/favorite-regza-13.html#tab-description http://tackle/spinningovaya-rybalka/katushki-dlya-rybalki/favorite-regza-13.html#tab-specification http://tackle/spinningovaya-rybalka/katushki-dlya-rybalki/favorite-regza-13.htm#tab-review Ну и для других товаров естественно это так же критично. И вторая проблема, даже с прописанным тестовым кодом <a href="favorite-regza-13.html#tab-description">Описание</a><br> <a href="favorite-regza-13.html#tab-specification">Характеристики</a><br> <a href="favorite-regza-13.html#tab-review">Написать отзыв</a><br> переход есть на нужный участок в карточке товара, но при каждом клике происходит перезагрузка страницы, я знаю что это можно реализовать с помощью jquery или css для лпвного перехода без перезагрузки страницы, первое лучше вроде, как это реализовать? Находил кучу мануалов, скачивал уже готовый script.js (названия разные) вставлял <script src="catalog/view/javascript/jquery/script.js" type="text/javascript"></script> (с типа готовым решением внутри) в \catalog\view\theme\default\template\common\header.tpl после <meta property="og:site_name" content="<?php echo $name; ?>" /> где расположены другие скрипты, но ничего не происходит. Тема думаю актуальная, спасибо кто поможет решить проблему. С меня печеньки :)