COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Сделать содержание статьи с помощью якоря


Stethem

Recommended Posts

Столкнулся с проблемой в установки якоря для оглавления большого описания, стандартный код не работает.



<div style="border: 1px dotted black; padding: 5px 5px 0 15px; margin: 5px;">
<strong>Содержание статьи:</strong>
<ol>
<li><a href="#name1">Подзаголовок 1</a></li>
<li><a href="#name2">Подзаголовок 2</a></li>
</ol>
</div>



в тексте:



<h2 id="name1">Подзаголовок 1</h2>
<h3 id="name2">Подзаголовок 2</h3>

нашёл решение прописав страницу:



<li><a href="galan-ochag.html#1">Кому заказать Галан Очаг выгодно?</a></li>

В Хроме все работает отлично


НО!!!


МАЗИЛА страницу прокручивает в конец.


Подскажите кто сталкивался, как решается этот вопрос.


 


Ссылка на страницу:



fillheat.ru/elektrodnyie-kotlyi/galan-ochag.html

Хотелось бы подсказку интересного кода:


1. Чтобы было оглавление.


2. Статья была частично спрятана и раскрывалась при клике на оглавление ( как вариант читать дальше)


 


 


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

Да получилось спасибо.


base вовсе убирать побоялся, на сколько понимаю он указывает браузеру где находится документ, если удалю, каких артефактов можно ожидать?


Если лучший вариант, чтобы если даже отключен java у пользователя все работало, как лучше сделать оглавление к статье?


Хотелось бы еще чтобы все таки статья частично была спрятана а раскрывалась когда пользователи кликнут по оглавлению.


Что такое вам встречалось.?


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

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

 

шаблон товара здесь

catalog/view/theme/ваша_тема/template/product/product.tpl

рекомендую все же создать новую тему и в нее поместить только те файлы шаблонов, которые вами меняются, а дефолтный бы не трогал

 

js здесь

catalog/view/javascript/common.js

если будете создавать мультистор, имеет смысл для отдельных тем подключать дополнительно свои js-скрипты, так же, как и css

 

по теме

если нужно, чтобы посетители без JS не страдали, то стоит убрать

style="display:none"

а прятать блок с текстом описания самим js-ом

ну и чтобы сохранить функциональность, то и тыркать надо заставлять не на <li>, а на <a>, и у целевых тэгов не атрибут contentsItem добавлять, а все же id

и в этом случае надо по click'у в ссылку элемента содержания запрещать js-ом переход по ней: event.preventDefault();

вот, тогда все будут довольны, без JS - просто прыгнет на нужное место, с JSом отобразит текст и плавно съедет

 

всех благ

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  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.

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу