Перейти к содержимому


Фотография
* * * - - 2 Голосов

Элементы radio/select/etc таблицей внутри Full или Teaser

рецепт таблица шаблон элементы стиль позиция

Сообщений в теме: 7

#1 Артём

Артём

Отправлено 22 May 2013 - 16:30

По мотивам
 
/media/zoo/applications/jbuniversal/templates/catalog/renderer/element/zebra.php

<?php

defined('_JEXEC') or die('Restricted access');

$label = '';
if (isset($params['showlabel']) && $params['showlabel']) {
    $label .= '<td>';
    $label .= ($params['altlabel']) ? $params['altlabel'] : $element->getConfig()->get('name');
    $label .= '</td>';
}

$class = 'element element-' . $element->getElementType() . ' ' . ($params['first'] ? ' first' : '') . ($params['last'] ? ' last' : '');
?>

<tr>
    <?php echo $label . '<td>' . $element->render($params) . '</td>'; ?>
</tr>
пример css

ul.zebra > li,
table.zebra tbody td {
    border-bottom: 1px solid #ddd;
}

ul.zebra > li:first-child,
table.zebra tbody tr:first-child td {
    border-top: 1px solid #ddd;
}

ul.zebra > li.odd,
table.zebra tbody tr.odd {
    background: #F5F6F7;
}

ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) {
    background: #F5F6F7;
}

table.zebra caption {
    color: #999;
    text-align: right;
}

table.zebra tfoot {
    color: #999;
    text-align: right;
    font-size: 11px;
}

table.zebra tr:hover,
table.zebra tbody tr:nth-of-type(odd):hover,
table.zebra tbody tr.odd:hover {
    background: #FBA900;
    color: #FFFFFF;
    font-weight: bold;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
}
пример шаблона вывода

<table class="zebra" cellpadding="70" border="0">
    <caption>
        Технические характеристики <strong><?php echo $this->renderPosition('title'); ?></strong>
    </caption>
    <tbody>
    <?php echo $this->renderPosition('tab-properties', array('style' => 'zebra')); ?>
    </tbody>
</table>
Результат на скриншоте:

Прикрепленные изображения

  • 2014.png

Сообщение отредактировал SmetDenis: 26 June 2013 - 09:24
Немного подправил форматирование текста

  • 3
в ЛС не писать | коплю карму

#2 SmetDenis

SmetDenis

Отправлено 22 May 2013 - 17:13

Спасибо! А то все руки не доходили =(


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#3 i001

i001

Отправлено 23 May 2013 - 10:39

Чтобы сделать просто таблицу в full.php (по аналогии с teaser.php)
 
сам full.php должен выглядеть так:
<?php
defined('_JEXEC') or die('Restricted access');
?>
<table border="1" class="jsTableSorter tablesorter">
    <thead>
        <tr>
            <th>Заголовок1</th>
            <th>Заголовок2</th>
            <th>Заголовок3</th>
        </tr>
    </thead>
    <tr class="table-row item_<?php echo $item->id; ?>">
        <td><?php echo $this->renderPosition('cell1'); ?></td>
        <td><?php echo $this->renderPosition('cell2'); ?></td>
        <td><?php echo $this->renderPosition('cell3'); ?></td>        
    </tr>
</table>
 
в position.xml вставляем вместо full
<positions layout="full">
    <position name="cell1">Table cell #1</position>
    <position name="cell2">Table cell #2</position>
    <position name="cell3">Table cell #3</position>
</positions>
В примере показана таблица на 3 столбца.

Сообщение отредактировал SmetDenis: 03 June 2013 - 22:15
Форматирование кода

  • 0

#4 tripsus

tripsus

Отправлено 03 June 2013 - 09:17

не могли бы вы подсказать где эти файлы искать? 


  • 0

#5 Sliapy

Sliapy

Отправлено 03 June 2013 - 11:40

\media\zoo\applications\jbuniversal\templates\catalog\renderer\item\*алиас нужного типа материала*\


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#6 stepanitsyna

stepanitsyna

Отправлено 12 June 2013 - 08:43

Артем, не могу понять, как Вы это сделали, что то упускаю. Делаю все по вашей схеме - ничего не выводится. ((((

Сообщение отредактировал SmetDenis: 12 June 2013 - 17:34
Не нужно цитировать огромные тексты

  • 0

#7 SmetDenis

SmetDenis

Отправлено 12 June 2013 - 17:37

Артем, не могу понять, как Вы это сделали, что то упускаю. Делаю все по вашей схеме - ничего не выводится. ((((

 
- Не получается!
- Что не получается?
- Ничего не получается!!!
 
Как задать вопрос, чтобы на него ответили


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#8 SmetDenis

SmetDenis

Отправлено 25 August 2013 - 05:17

Начиная с версии JBZoo 2.0 есть возможность легко сделать из позиции таблицу

Пример работы по ссылке ниже. Вкладка Properties - это одна позиция
http://demo.jbzoo.co...#tab-properties

Чтобы позиция автоматически отображалась таблицей с зеброй объявите её следующим образом
<table class="jbtable">
    <?php echo $this->renderPosition('<ИМЯ ПОЗИЦИИ>', array('style' => 'jbtable')); ?>
</table>

  • 1
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.






Темы с аналогичным тегами рецепт, таблица, шаблон, элементы, стиль, позиция

Click to return to top of page in style!