Уважаемые, даже стыдно сюда писать, но пол часа уже ббюсь, не могу сделать ссылку на якорь в тексте. Страница: https://benkoni.com/nashi-kontakty Ссылку оформил вот так: <div style="text-align: center;"><span style="font-size: 20px;">Или свяжитесь с одним из наших <a href="#yakor">представительств</a> Якорь: <h2 style="text-align: center; font-size: 48px;"> <p id="yakor">Представительства</p></h2> И ничерта не работает, кидает на главную.
А зачем эта конструкция с якорями ? И у Вас див не закрыт. Просто слово сделать кликабельным не хотите ? Или не подходит такой вариант ? <div><a href="http://*******">***текст***</a></div>
Мне нужно, чтобы при нажатии на кнопочку представительства, браузер перелистывал страницу в самый низ....
Получается вот так: <div style="text-align: center;"><span style="font-size: 20px;">Или свяжитесь с одним из наших <a href="/#yakor">представительств</a> - ссылка </span></div> <h2 style="text-align: center; font-size: 48px;"> <p><a id="yakor">Представительства</a></p></h2> - якорь И все равно кидает на главную страницу....
Потому что вот это: "/#yakor" - ссылка на главную. Вот вам живой работающий пример: https://jsfiddle.net/aq9Laaew/75182/
Так, похоже надо выпить, с примером ознакомился, переделал вот так (одни в одни как в примере) У меня 2 разных HTML блока, в первый внес код: <div class="container"> <div class="row"> <div class="col"> <div style="text-align: center;"><span style="font-size: 20px;">Или свяжитесь с одним из наших <a href="#yakor">представительств</a></span></div> </div></div></div> Во второй <br> <br> <br> <h2 style="text-align: center; font-size: 48px;"> <p><a id="yakor">Представительства</a></p></h2> И все равно не работает....
Я думаю, вам в любом случае лучше обратиться к js, ибо даже если б оно работало, оно перемещается прыжками. Вот пример кода: https://www.taniarascia.com/smooth-scroll-to-id-with-jquery/
Что-то вы совсем заморочились . Может я не так понял, но внесу свою лепту. Была похожая проблема в ок и кажется так и осталась. В общем решение: Ставишь свой якорь в то место, куда надо "прыгать" (<a id="yakor" name="yakor">Представительства</a>) Дальше надо сделать правильную ссылку на якорь. Если в редакторе или вручную прописать этот якорь как у тебя сейчас, то будет кидать на главную, что у тебя и происходит, так как opencart не добавляет "промежуточную" ссылку и тупит в отношении того, что если #, то надо оставаться на той же странице (и выглядит такая ссылка так https://benkoni.com/#yakor, потому и не работает). Напиши полную ссылку на якорь - https://benkoni.com/nashi-kontakty#yakor вот так: Или свяжитесь с одним из наших <a href="https://benkoni.com/nashi-kontakty#yakor">представительств</a> И будет счастье . ------ пы.сы. Если щелкнуть по последней ссылке, то кидает сразу в нужное место сайта, на страничке с контактами
