Jump to content
Sign in to follow this  
CRESH

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

Recommended Posts

Всем привет. И сразу перейду к проблеме. В общем использую версию 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> - я так понял описать можно что угодно.

 

Jl9rWhR.png

 

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 и при клике меня закидывает на главную страницу, и это логично ибо ссылка кривая

 

BYyG6oA.png

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; ?>" />

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

 

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

 

Share this post


Link to post
Share on other sites

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

 

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

 

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

 

http://prntscr.com/ay8r2y

Share this post


Link to post
Share on other sites

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

 

В 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>

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Edited by CRESH

Share this post


Link to post
Share on other sites

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

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

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

Edited by Shureg
  • +1 1

Share this post


Link to post
Share on other sites

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

Про смертный бой могучего метода тыка с опытным и матерым 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-ом каждый решает как сделать по своему, даже если это неверно, ибо потом дядя бутстрап и ко начинают говорить что ну-ну ты сделал неверно. Я понимаю что тут есть матерые ребята которые знают как это решить, но помогать не будут, ибо помогут за бабло, дак я не отказываюсь отблагодарить, ели бы написал кто... понятно что ради наживы люди многое делают. Но это такое, как-то сяду и сделаю, и обязательно поделюсь с людьми, жлобство это такой порок, очень плохой. С ув.

Share this post


Link to post
Share on other sites

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

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  

  • 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.