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

 

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

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

 

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

 

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

 

http://prntscr.com/ay8r2y

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Изменено пользователем CRESH

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Изменено пользователем Shureg
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.