Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Вопрос по вкладкам, Tabs


 Поделиться

Рекомендованные сообщения

Здравствуйте! Нужен совет.

 

В товаре есть вкладки: Описание, Характеристики, Отзывы
Мне нужно сделать это так:
1_Вкладка) Все сразу (Описание, за ним характеристики и отзывы и это все в одной вкладке)
2_Вкладка) Характеристики
3_Вкладка) Отзывы

 

Дублировать характеристики и отзывы для двух вкладок не хочу.
Нужно это организовать так, что бы в коде они не дублировались..

 

P.s. Гуглил достаточно, но не нашел решения, возможно не понимаю, как правильно написать запрос для гугла и получить ответ

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


39 минут назад, s89 сказал:

Здравствуйте! Нужен совет.

 

В товаре есть вкладки: Описание, Характеристики, Отзывы
Мне нужно сделать это так:
1_Вкладка) Все сразу (Описание, за ним характеристики и отзывы и это все в одной вкладке)
2_Вкладка) Характеристики
3_Вкладка) Отзывы

 

Дублировать характеристики и отзывы для двух вкладок не хочу.
Нужно это организовать так, что бы в коде они не дублировались..

 

P.s. Гуглил достаточно, но не нашел решения, возможно не понимаю, как правильно написать запрос для гугла и получить ответ

здравствуйте!

 

Можно с помощью Jquery: вырезать - вставить нужную вкладку в нужное место. Например, выбрали первую вкладку - на неё вырезалось-вставилось содержимое вкладок 2 и 3. Открыли вкладку 2 - не вырезаем. не вставляем. Вкладку 3 - аналогично 2.

 

Думаю это надо делать в common.js и product.tpl

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

45 минут назад, s89 сказал:

Здравствуйте! Нужен совет.

 

В товаре есть вкладки: Описание, Характеристики, Отзывы
Мне нужно сделать это так:
1_Вкладка) Все сразу (Описание, за ним характеристики и отзывы и это все в одной вкладке)
2_Вкладка) Характеристики
3_Вкладка) Отзывы

 

Дублировать характеристики и отзывы для двух вкладок не хочу.
Нужно это организовать так, что бы в коде они не дублировались..

 

P.s. Гуглил достаточно, но не нашел решения, возможно не понимаю, как правильно написать запрос для гугла и получить ответ

как здесь?

http://opter.com.ua/test?search=test

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

Примерно так:

 

$( init );
function init() {
$("#tab-specification").appendTo("#tab-description");
}

 

 

appendTo - вставит "В"

after - после - это скорее всего и надо

 

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

56 минут назад, Gann сказал:

appendTo - вставит "В"

after - после - это скорее всего и надо

 

Примерно это так должно выглядеть?
 

$( init );
function init() {
  if ($("#tab-description > .selected")) {
    $("#tab-specification").appendTo("#tab-description");
  }
}

 

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


9 минут назад, s89 сказал:

 

Примерно это так должно выглядеть?
 


$( init );
function init() {
  if ($("#tab-description > .selected")) {
    $("#tab-specification").appendTo("#tab-description");
  }
}

 

да, примерно)

 

п.с. проверил - работает. Теперь надо сделать так, чтобы при переключении на вкладку характеристики - отображались только характеристики

 

получается код - вырезает её.

 

скорее всего - надо вырезать не $("#tab-specification") а $(".table-bordered") или таблице характеристик задать свой ID

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

Всё, разобрался как вам надо сделать!

 

$( init );
function init() {
  if ($("#tab-description > .selected")) {
    $(".table-bordered").clone().appendTo("#tab-description");
    $("#form-review").clone().appendTo("#tab-description");
}
}

это вставить в product.tpl после первого <script type="text/javascript"><!--

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

 

19 минут назад, Gann сказал:

Всё, разобрался как вам надо сделать!

 

Спасибо большое, что взялись мне помочь!!

Это действительно работает. но...

Но наверное все же, то что я хотел не выйдет сделать...
Эта атрибуты и отзывы дублируются в коде.
Надо думать оставлять так или отказаться от этой задумки (в плане SEO)

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


6 минут назад, s89 сказал:

 

 

Спасибо большое, что взялись мне помочь!!

Это действительно работает. но...

Но наверное все же, то что я хотел не выйдет сделать...
Эта атрибуты и отзывы дублируются в коде.
Надо думать оставлять так или отказаться от этой задумки (в плане SEO)

самому интересно стало)

 

В коде страницы, как раз таки нет дублирования. Скрипты, вроде, в браузере выполняются.

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

29 минут назад, Gann сказал:

В коде страницы, как раз таки нет дублирования. Скрипты, вроде, в браузере выполняются.

Что интересно, через f12 есть дубли а через view-source: нет

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


Народ, я извиняюсь, вы тем занимаетесь?

Кнопки переключения вкладок скриптом добавляют класс видимости  нужному блоку ( описание, характеристики, отзывы)

<div class="tab-pane active" id="tab-description"><div>

.tab-content>.tab-pane {

display: none;

}

.tab-content>.active {

display: block;

}

Надо

Сделать еще одну кнопку переключения

и

скрипт править, котырый переключает эти табы

чтобы по ее нажатию всем трем табам добавлялся класс active

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


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

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

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

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

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

Войти

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

Войти сейчас
 Поделиться

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

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

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.