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

[s89]

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

 

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

 

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

 

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

[Gann]

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

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

 

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

 

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

 

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

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

 

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

 

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

[whiteblue]

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

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

 

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

 

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

 

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

как здесь?

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

[Gann]

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

 

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

 

 

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

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

 

[s89]

44 минуты назад, whiteblue сказал:

как здесь?

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

Нет, это не то!

[s89]

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

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

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

 

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

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

 

[Gann]

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

 

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

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

 

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

 

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

 

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

 

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

Змінено 22 червня 2017 користувачем Gann

[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"><!--

Змінено 22 червня 2017 користувачем Gann

[s89]

 

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

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

 

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

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

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

[Gann]

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

 

 

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

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

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

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

 

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

[s89]

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

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

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

[jaffagold]

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

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

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

.tab-content>.tab-pane {

display: none;

}

.tab-content>.active {

display: block;

}

Надо

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

и

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

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

Змінено 22 червня 2017 користувачем jaffagold