Не работает анхор нужным образом и плавный переход

[CRESH]

Всем привет. И сразу перейду к проблеме. В общем использую версию 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; ?>" />

 где расположены другие скрипты, но ничего не происходит.

 

Тема думаю актуальная, спасибо кто поможет решить проблему. С меня печеньки :)

 

[CRESH]

Если удалить в \catalog\view\theme\default\template\common\header.tpl

 

<base href="<?php echo $base; ?>" />

 

То крошится шаблон, но ссылки эти функционируют нормально и отображаются.

 

http://prntscr.com/ay8r2y

[CRESH]

В общем сделал так и вроде работает:

 

В catalog\view\theme\default\template\common\header.tpl

 

Удалил <base href="<?php echo $base; ?>" />

 

И ниже изменил

<script src="catalog/view/javascript/jquery/script.js" type="text/javascript"></script>
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">

На

<script src="catalog/view/javascript/jquery/script.js" type="text/javascript"></script>
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="/catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="/catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="/catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="/catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">

Если тут

<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>

Поставить

<script src="/catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>

Сайт плывет и всё дублируется.

[CRESH]

Сделал как было до этого, многие элементы работающие на jquery-2.1.1.min.js просто перестали работать. Всё ещё жду решения проблемы.

[CRESH]

Что нет решения? Я просто примерно предполагаю решения проблемы, сделаю, фиг поделюсь, и вместо одной ссылки на товар буду иметь четыре, если никому не интересно, то вы просто глупцы... Как Вы фишки понять не можете...а сео шарите? Нет.... ну понятно.

Змінено 1 травня 2016 користувачем CRESH

[Shureg]

Да попокорн все жуют. Афтар, пиши еще!

Про смертный бой могучего метода тыка с опытным и матерым base-ом.

Глядел-глядел ваши ссылки. Так и не понял, откуда и куда вам переходить надо, и в чем проблема сякорями. Я так подозреваю, в бою незримо присутствует еще и коварный варез, не дающий показать нормальные ссылки.

Змінено 1 травня 2016 користувачем Shureg

[CRESH]

Да попокорн все жуют. Афтар, пиши еще!

Про смертный бой могучего метода тыка с опытным и матерым base-ом.

Глядел-глядел ваши ссылки. Так и не понял, откуда и куда вам переходить надо, и в чем проблема сякорями. Я так подозреваю, в бою незримо присутствует еще и коварный варез, не дающий показать нормальные ссылки.

Спасибо, было смешно.

 

Ещё раз для "гуру" объясняю. Есть пример реализованного того что надо тут https://f.ua/josera/ente-kartoffel-15kg-4032254741060.html это просто ссылка

 

У меня ссылка на локальный ресурс (просьба не нажимать) tackle/spinningovaya-rybalka/katushki-dlya-rybalki/favorite-saphire.html

 

Нажми на сайте вы первой ссылке на Характеристики http://prntscr.com/azri45  и тебя переместит вот сюда https://f.ua/josera/ente-kartoffel-15kg-4032254741060.html#%D1%85%D0%B0%D1%80%D0%B0%D0%BA%D1%82%D0%B5%D1%80%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B8 если ты будешь делится ссылкой в скайпе тебя также туда закидывать будет https://f.ua/josera/ente-kartoffel-15kg-4032254741060.html#%D1%85%D0%B0%D1%80%D0%B0%D0%BA%D1%82%D0%B5%D1%80%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B8

 

У себя я это реализовал к примеру так (это просто тест и будет всё по другому http://prntscr.com/azrllc эти характеристики могут быть не важно где, как на скрине, справа фиксировано или с лева как на f.ua ниже картинки и т.д. важно другое, что в дефолтном движке с указанием якорей ссылка в итоге будет вот такая http://prntscr.com/azrmee , а у f.ua она вот такая http://prntscr.com/azrmll но  моём примере при нажатии на ссылку меня скрипт закинет на главную, а во втором примере закинет туда куда надо. Теперь суть понял что нужно реализовать? Или смекалки не хватает? Не знаю как ещё разжевать, это надо скушать наверное тонн 10 галлюциногенного поп корна что ли :) Всё предельно просто и понятно. Версия движка Версия ocStore 2.1.0.2.1

 

А про метод тыка и base-ом каждый решает как сделать по своему, даже если это неверно, ибо потом дядя бутстрап и ко начинают говорить что ну-ну ты сделал неверно. Я понимаю что тут есть матерые ребята которые знают как это решить, но помогать не будут, ибо помогут за бабло, дак я не отказываюсь отблагодарить, ели бы написал кто... понятно что ради наживы люди многое делают. Но это такое, как-то сяду и сделаю, и обязательно поделюсь с людьми, жлобство это такой порок, очень плохой. С ув.

[legzdin]

Будет время, напишите, как вы сделали. Потому что все, что на форуме предлагали, не работает. И с якорями в опенкарт - большая проблема.