Вкладки (табы) в описании товара - страница 4 - Дизайн и оформление

ELLE, спасибо за решение. Работает.

точно
.tabs dd {
            display:none;
            float:right;
            width:100%;
            margin:2em 0 0 -100% !important;
            position:relative;
            z-index:2;
         }
решил проблему так

спасибо вам. Была та же проблема. Ваше решение работает.

Сделал все, как написала ELLE ("Ответ #39"), спасибо, но при нажатии отправить отзыв, почему то добавляться товар в корзину, убираем табы - все путем, в чем может быть причина?

подскажу - ветку читать надо!
3раз уже спрашиваете одно и то же
http://joomlaforum.ru/index.php/topic,147627.msg1268823.html#msg1268823

Спасибо, и правда, не заметил, хотя раза 3 читал.

дополнила свой пост, чтобы больше никто не наступил на эти грабли

+

Все получилось если добавить табы в product_default.php
А как сделать 3 ий таб и как внего запихнуть видео плагина AllVideos.
или как вообще запихнуть видео с YouTube. !

3-й также как и первые два.
видео .. нужно в настйроках установить возможность вставки видео и потом просто вставлять полный код и YouTube вместе и ифрейм. в соответствующее поле в карточке товара.

да какая разница)) можно и в админке в редакторе делать=)
у меня стояла задача автоматизации, но если вам нужно все в ручную, то пожалуйста -
вставляете такую разметку в товаре:

Код: php

<dl class="tabs">
<dt class="selected">Описание</dt>
<dd class="selected">
<div class="tab-content">
Пишем описание товара</div>
</dd>
<dt>Фото</dt>
<dd>
<div class="tab-content">
Вставляем фотки
</div>
</dd>
<dt>Видео</dt>
<dd>
<div class="tab-content">
Вставляем видео, например с YouTube (не проверяла как оно работать будет)
</div>
</dd>
</dl>

Профит! В шаблон тогда ничего не вставляем.

ELLE, попробовал и автоматический вариант и простой в редакторе, работает отлично! Спасибо большое!

Скажите, а возможно как-то объединить оба варианта? Ну, например, использовать простой способ вставки табов через редактор и вставить в этот же таб код из шаблона "отзывы" и "сопутствующие товары"?

ELLE, спасибо за вкладки, и сразу вопрос: как добавить еще 2 вкладки "Характеристики" и "Задать вопрос" ?
т.е. как в файл product_default.php добавить строчки табов понятно, а вот на что они должны ссылаться при заполнении дополнительной характеристики товара в админке - вопрос.

Вроде бы просветление наступает, но поправьте если не так:
для вывода дополнительной вкладки "Характеристики" подключаем в файле строку английского описания товара <?php print $this->product->get('description_en-GB');?> и в админке заполняем эту вкладку нужным содержимым. 

3-й также как и первые два.
видео .. нужно в настйроках установить возможность вставки видео и потом просто вставлять полный код и YouTube вместе и ифрейм. в соответствующее поле в карточке товара.

Спасибо помогло! Но теперь везде вкладка видео...
Вариант не плохой!
Но как же всетаки сделать
1 Описание
2 Видео
3 Отзывы(родные joomshopping)
без вмешательства в product_default.php
Как можно отдельно в каждом товаре вызывать эти функции?(отзывы, видео, описание)

ELLE, спасибо за вкладки, и сразу вопрос: как добавить еще 2 вкладки "Характеристики" и "Задать вопрос" ?
т.е. как в файл product_default.php добавить строчки табов понятно, а вот на что они должны ссылаться при заполнении дополнительной характеристики товара в админке - вопрос.

Вроде бы просветление наступает, но поправьте если не так:
для вывода дополнительной вкладки "Характеристики" подключаем в файле строку английского описания товара <?php print $this->product->get('description_en-GB');?> и в админке заполняем эту вкладку нужным содержимым. 

Молодец!  А я сразу что-то и не догадался про эти свободные поля... И все проблемы про доп вкладки сразу решились...

Думаю если опубликовать в настройках ЖШ дополнительные языки - автоматом в админку подтянутся вкладки описания товара для этого языка.
Останется их правильно прописать в product_default.php например:

Вчера добавил вкладки. Сегодня заметил, что перестала обрабатываться кнопка "В корзину" на странице с вкладками.
Удалил вкладки из шаблона - кнопка работает.
ELLE, подскажите пжл. в чем может быть конфликт?

Видимо все из-за jQuery, т.к. и вкладки и кнопка его используют, но в консоли для этих элементов ошибок не обнаружено.
Страница здесь.

Вопрос решился внимательным чтением ветки

добавляйте вкладки вне тегов <form>тут_много_всего</form>

Переместил вкладки за закрывающийся тег </form>
Кнопка работает, да и страница выглядит лучше.
ELLE +

все разобрались, или еще есть вопросы? (сорри, не было меня неделю)

Вопрос решился внимательным чтением ветки Переместил вкладки за закрывающийся тег </form>...

Как же приятно читать такие сообщения... вот бы все это умели и не обижались, когда это им советуют. Вам + !

Как же всетаки отдельно можно вызывать вкладки?
Например мне на одном товаре нужно (описание, характеристики, видео, инструкция, отзывы)
а на другом товаре только (описание.характеристики, дополнительные фото)
а еще на другом только (описание, характеристики, отзывы).
важно чтоб отзывы были родные JoomShopping

разными шаблонами товаров.

разными шаблонами товаров.

Не совсем понимаю... уже мозг кипит...что конкретно нужно сделать?

разные шаблоны карточек товаров
и назначить их товарам нужным.

.... и больше читать форум.

Подскажите, а эти классы для вкладок стандартные в Joomla?
Дело в том, что после создания вкладок в ЖШ съехали вкладки в Фоке. Оказалось дело в class="tabs" прописанных для ЖШ.
После изменения имени класса в Фоке вкладки пришли в норму, а вот в ЖШ не работают.
Т.е. предполагаю что для всех вкладок в Joomla один class="tabs". Поправьте если не так.

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

не понял.

у меня в Фоке используется class="tabs" и в ЖШ такой же.
оба стиля прописаны в разных файлах соответственно в своем компоненте.
Вы имеете ввиду что надо один стиль настроить для Фоки и ЖШ?

поигрался с настройками CSS но так и не понял как устранить перекрытие.

можно классы заменить в табах для карточки товара чтоб наверняка, а то вы не даете URL, а экстрасенсов нет...
например tabs на tabs_product - и в разметке, и в скрипте, и в CSS

О!
в скрипте я не изменял еще имена классов.
Вкладки карточки товара здесь
Вкладки Фоки здесь
ELLE, спасибо за подсказку.

Еще попутный вопрос: достаточно будет поменять только class="tabs" или нужно менять еще class="selected" и class="tab-content ?

только tabs думаю заменить, class="selected" и class="tab-content необязательно

Действительно светлая голова 
ELLE, без Вас как без рук 
Вчера я не догадался что этот класс еще в скрипте используется.
Спасибо за подсказку, + и с наступающим праздником!

ELLE, а как добавить в табы вывод определенной статьи, или статический текст, желательно с условием, например: для товаров категории id=1 - материал id=1 и тд?

Спасибо за табы) Elle!Но есть одна у меня проблема, использую div шаблон
Вообщем отображается все в табах хорошо, но названия табов иероглифами. Что тут поделать можно?Сча скрин дам с локалки