0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 1274 Просмотров
*

krestowsky

  • Новичок
  • 1
  • 0 / 0
Всем привет.
Вопрос не могу решить очень долго  *ОХ-Х-Х* , мне очень нужно решение, буду благодарен любому совету.
Сайт сделан на  Joomla 3.9.20 , в разработке использовался основной компонент Sp Page Builder PRO.
В нём есть такой аддон "Tabs". Я его использовал на одной странице посвященной объектам, чтобы внутри неё было разделение на разные виды путём переключения этих табов (вкладок), всё прекрасно работает, переключается, но тут возникло пожелание со стороны заказчика, сделать в футере ссылки и на эту страницу и на открытие в ней соответствующих табов.
То есть утрированно в футере это выглядит так:

Код
<p>
<a href="obiekti">Объекты</a><br>
<a href="obiekti#sppb-tab1-1">Строящиеся</a><br>
<a href="obiekti#sppb-tab1-2">Сданные</a><br>
<a href="obiekti#sppb-tab1-3">Проектируемые</a>
</p>

Разумеется так просто вбить кодом ссылки - ничего активироваться не будет.
Нужно как-то через js / jquery задать данную функцию по активации
Отсюда и возник вопрос, а как это сделать?

Код самих табов

Код
//Это сами табы нажимая на которые будет переключение
<ul id="tabs" class="sppb-nav sppb-nav-lines" role="tablist">
<li id="objects0" class="active">
<a data-toggle="sppb-tab" id="#sppb-content1-1" class=" " href="#sppb-tab1-1" role="tab" aria-controls="#sppb-tab1-1" aria-selected="true"> Строящиеся</a>
</li>
<li id="objects1" class="">
<a data-toggle="sppb-tab" id="#sppb-content1-2" class=" " href="#sppb-tab1-2" role="tab" aria-controls="#sppb-tab1-2" aria-selected="false"> Сданные</a>
</li>
<li id="objects2" class="">
<a data-toggle="sppb-tab" id="#sppb-content1-3" class=" " href="#sppb-tab1-3" role="tab" aria-controls="#sppb-tab1-3" aria-selected="false"> Проектируется </a>
</li>
</ul>

//Это сама информация внутри табов
<div class="sppb-tab-content sppb-tab-lines-content">
<div id="sppb-tab1-1" class="sppb-tab-pane sppb-fade active in" role="tabpanel" aria-labelledby="sppb-content1-1"> Здесь информация о строящихся объектах</div>
<div id="sppb-tab1-2" class="sppb-tab-pane sppb-fade" role="tabpanel" aria-labelledby="sppb-content1-2"> Здесь информация о сданных объектах</div>
<div id="sppb-tab1-3" class="sppb-tab-pane sppb-fade" role="tabpanel" aria-labelledby="sppb-content1-3"> Здесь информация о проектируемых объектах</div>
</div>
« Последнее редактирование: 11.12.2020, 11:43:13 от krestowsky »
*

fragmarw

  • Захожу иногда
  • 75
  • 1 / 0
Тоже требуется такая задача.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Где находится прямая ссылка на опубликованный материал в админке

Автор Apollon

Ответов: 10
Просмотров: 2599
Последний ответ 15.03.2024, 14:29:47
от 4el
Проблема с SP Page Buildier

Автор Aleksey1982

Ответов: 20
Просмотров: 4527
Последний ответ 10.11.2023, 20:13:53
от Шмайсер
Как скопировать шаблон, чтобы он не был дефолтным?

Автор RiannaLi

Ответов: 26
Просмотров: 2142
Последний ответ 09.02.2023, 19:16:03
от Beer
Error displaying the error page

Автор VIK4

Ответов: 22
Просмотров: 958
Последний ответ 20.11.2021, 16:33:26
от VIK4
SP Page Builder + Helix + комментарии = ступор

Автор anthony80

Ответов: 4
Просмотров: 716
Последний ответ 15.11.2021, 11:14:06
от anthony80