joomla
Home Вы здесь:

Вкладки (табы) в описании товара JoomShopping

Вкладки (табы) в описании товара в JoomShopping не реализованы в виде модулей, поэтому придется немного поковыряться в коде. Опишу один из вариантов который мне показался более подходящим.

в шаблоне товара небольшой скрипт
../components/com_jshopping/templates/default/product/product_default.php

 

Код
jQuery(function(){
jQuery('dl.tabs dt').click(function(){
jQuery(this)
.siblings().removeClass('selected').end()
.next('dd').andSelf().addClass('selected');
});
});

скрипт нужно заключить в <script type="text/javascript"> </script>

сами табы (тут же в шаблоне в нужное место, с необходимым содержимым)
 
Код
<dl class="tabs">
<dt class="selected">Описание</dt>
<dd class="selected">
<div class="tab-content">
<div class = "jshop_prod_description">
<?php print $this->product->description; ?>
</div></div>
</dd>
<dt>Отзывы</dt>
<dd>
<div class="tab-content">
<?php print $this->_tmp_product_html_before_review; include(dirname(__FILE__)."/review.php");?>
</div>
</dd>
<dt>Сопутствующие товары</dt>
<dd>
<div class="tab-content">
<?php print $this->_tmp_product_html_before_related; include(dirname(__FILE__)."/related.php");?>
</div>
</dd>

Редактируем и добавляем вкладки под свои нужды
 
CSS в файл стилей (который принят для вашего магазина) в файлах JoomShopping
 
.tabs {
width:100%;
overflow:hidden;
font-size:0.9em;
margin:2em 0;
zoom:1;
padding:1px;
position:relative;
}

.tabs dt {
float:left;
line-height:2;
height:2em;
background:#e8f0f5;
border:1px solid #e8f0f5;
border-bottom:0;
padding:0 1em;
position:relative;
left:35px;
margin-right:1px;
cursor:pointer;

-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

.tabs dt:hover {
background-color:#bfdff4;
}

.tabs dt.selected {
border-color:#b0d0e9;
background:#fff;
z-index:3;
cursor:auto;
}

.tabs dd {
background:#fff;
display:none;
float:right;
width:100%;
margin:2em 0 0 -100%;
position:relative;
z-index:2;
}

.tabs dd.selected {
display:block;
}

.tabs .tab-content {
border:1px solid #b0d0e9;
padding:20px;

-webkit-border-radius:20px;
-moz-border-radius:20px;
}


Все

Добавить комментарий


Защитный код
Обновить

Наши услуги

  • Разработка уникального дизайна, создание сайта.
  • Регистрация доменного имени.
  • Поддержка, администрирование и хостинг для Вашего сайта.
  • Реклама, продвижение, SEO-оптимизация.

Почему стоит выбрать нас?

В Липецкой области не мало студий занимается созданием и поддержкой сайтов, есть несколько причин выбрать нашу студию:

  • Низкие цены на создание сайтов и интернет магазинов!
  • Низкие цены на поддержку
  • Для добавления материала достаточно выслать его на e-mail
  • Продвижение и реклама сайта от 500 рублей!
© 2017 Создание сайтов: создание сайтов в Липецке, изготовление сайтов, разработка сайтов, продвижение и поддержка.. Все права защищены.
8-920-244-92-35
Top
#fc3424 #5835a1 #1975f2 #2fc86b #88919d #50cbd1