<|||>
Компьютерный Форум МК+
Добро пожаловать, Гость
Привет! Вход или Регистрация.    Забыли пароль?

Вниз Ответить Избранное: 0

Сообщения темы: RE: Virtuemart 2.0.x


#4927
vladsklyar (Посетитель)
Знаток
Сообщений: 93
graphgraph
Пользователь в оффлайне Кликните здесь, чтобы посмотреть профиль этого пользователя
Virtuemart 2.0.x 11 г., 1 мес. назад Репутация: 0  
Подскажите как сделать табы в virtuemart 2, если можно с css.
Нужные такие табы
1. Описание
2. Характеристики
3. Фото
4. Отзывы
5. Видео

Как сделать 1. Описание 2. Характеристики 4. Отзывы - как бы понимаю, а остальное нет.
 
Сообщение модератору   Зарегистрированный Зарегистрированный  
 
Последнее редактирование: 14.03.2013 11:41 Редактировал .
  Для добавления сообщений, Вы должны зарегистрироваться или авторизоваться.
#5005
vladsklyar (Посетитель)
Знаток
Сообщений: 93
graphgraph
Пользователь в оффлайне Кликните здесь, чтобы посмотреть профиль этого пользователя
RE: Virtuemart 2.0.x 11 г. назад Репутация: 0  
Сам себе и отвечаю
productdetails в файле default.php
Код:

<?php

 //Говорим Joomla, что мы хотим использовать панели

jimport('joomla.html.pane');

$myTabs = & JPane::getInstance('tabs', array('startOffset'=>0));

 $output = '';

 

//Создаем панель для вкладок

$output .= $myTabs->startPane( 'pane' );

//Создаем 1 вкладку

$output .= $myTabs->startPanel( 'Описание', 'tab1' );

$output  .= $this->product->product_desc;

$output .= $myTabs->endPanel();

        // Создаем 2 вкладку

$output .= $myTabs->startPanel( 'Характеристики', 'tab2' );

$output .= $this->loadTemplate('mycustomfields');

$output .= $myTabs->endPanel();



 $output .= $myTabs->startPanel( 'Фото', 'tab3' );

$output  .= $this->loadTemplate('imagmin');

$output .= $myTabs->endPanel();



// Создаем 3 вкладку

$output .= $myTabs->startPanel( 'Отзывы', 'tab4' );

$output  .= $this->loadTemplate('reviews');

$output .= $myTabs->endPanel();

 

//окончание панели

$output .= $myTabs->endPane();

//Выводим

echo $output;

?>



Код CSS

Код:



/* Добавляю табы*/



   dl.tabs {

 float: left;

 margin: 50px 0 0 0;

 z-index: 50;

 clear:both;}



dl.tabs dt {

 float: left;

 padding: 4px 10px;

 border-left: 1px solid #ccc;

 border-right: 1px solid #ccc;

 border-top: 1px solid #ccc;

 margin-right: 3px;

 background: #f0f0f0;

 color: #666;}



dl.tabs dt.open {

 background: #F9F9F9;

 border-bottom: 1px solid #F9F9F9;

 z-index: 100;

 color: #000;}



div.current {

 clear: both;

 border: 1px solid #ccc;

 padding: 10px 10px;

 width:645px;}



div.current dd {

 padding: 0;

 margin: 0; }



dl #content-pane.tabs {

 margin: 1px 0 0 0; }

                                                                                                                                /* Конец табов*/

 


Вот так
 
Сообщение модератору   Зарегистрированный Зарегистрированный  
  Для добавления сообщений, Вы должны зарегистрироваться или авторизоваться.
Вверх Ответить

получить последние сообщения прямо на Ваш рабочий стол
Яндекс.Метрика Все права защищены. Copyright 2008-2024 © Мой компьютер плюс