Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


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

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

 

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

 

Надіслати
Поділитися на інших сайтах


Если удалить в \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>

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

Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


  • 4 years later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.