demon-82

Добавить дополнительный таб в подробности объявления

Recommended Posts

Сайт: http://a-70.ru/

 

Добавить дополнительный таб в подробности объявления помимо : характеристики, описание,(контакты собственников)

В контактах расположить: (контактное лицо id-fio2,телефон id-phone2, доп телефон id-is_telephone)

 

<div class="tabs">
                <ul class="nav nav-tabs">
                  <li class="active"> <a data-toggle="tab" href="#amenities"> Характеристики </a> </li>
                  <li> <a data-toggle="tab" href="#description"> Описание </a> </li>
                  <li> <a data-toggle="tab" href="#id_phone2"> Контакты </a> </li> (сделал вкладку)
                </ul>
             (сюда поместить код какой не знаю
                <div class="tab-content">
                  <div id="description" class="tab-pane">
                    {if isset($data.text) && $data.text.value != ''}
                        <p>{$data.text.value}</p>
                        {/if}
                  </div>
                  <div id="amenities" class="tab-pane active">
                    <div class="additional-amenities">
                    <p>Для просмотра телефона собственника необходимо ввести логин и пароль.</p>
                    <ul class="realty-options">
                               {foreach from=$hvd_tabbed item=tab key=tabname}

post-2300-0-03804000-1447586186_thumb.jp

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


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

А если дополнительные строки в таблицу data добавить, они автоматически в подробностях объявления не появляются?

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


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

Все появляется, мне нужно контакты перенести в другую вкладку.

Ну делайте тогда аналогично вкладкам которые уже есть) в чем же проблема?

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


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

Для этого вам нужно определить новый ID и создать новый div с этим ID.

post-1-0-77432600-1447656654_thumb.png

 

Тут описание принципа работы

http://getbootstrap.com/javascript/#tabs

http://itchief.ru/lessons/bootstrap-3/100-bootstrap-3-dynamic-tabs

 

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


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

Создайте аккаунт или войдите для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас