Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Создание табов в шаблоне Full

Автор zeus07 , May 19 2014 12:50

Лучший Ответ Cheren-dow , 20 May 2014 - 14:14

zeus07, у вас сбилась кодировка файлов, походу именно из-за этого не создалась папка с шаблонами вашего типа материала. Сейчас я ее вручную создал и залил файлы вывел в позиции элементы и табы отобразились. Так же в шаблоне отключил(за комментировал) подключения jquery 1.7. Советую вам разобраться в ваших скриптах т.к ошибки есть в консоле

P.S. Из - за них могут быть в дальнейшем много проблем.

Перейти к сообщению

Вперед

Тема закрыта

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

#1 zeus07

JBZoo User (rus)
Общий рейтинг: 6.6
сообщений: 1090
топиков: 172

Отправлено 19 May 2014 - 12:50

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

Читал тему http://jbzoo.ru/docs...s-works?p=23668 , но тем не менее не очень понял как сделать так, чтобы были табы. При просмотре файла ful..php обнаружил, что там уже есть кусок кода, отвечающий за табы. Поэтому не очень понял что и как необходимо изменить.

Сайт: http://donbaza.artco.../kafe-viktoriya

В табах хочу сделать галерею, карту, отзывы и видео. Поле Подробнее о заведении необходимо сделать под табами уже.

Подскажите пожалуйста, как это реализовать?

Заранее благодарен

0

Наверх

#2 Cheren-dow

JBZoo User (rus)
Общий рейтинг: 95.7
сообщений: 5060
топиков: 31

Отправлено 19 May 2014 - 13:03

zeus07, доброго времени суток

но тем не менее не очень понял как сделать так, чтобы были табы.

Что конкретно вы не понимаете в чем загвоздка?

Самый первый листинг это минимум необходимого - для создания таб

0

Наверх

#3 zeus07

Topic Starter
JBZoo User (rus)
Общий рейтинг: 6.6
сообщений: 1090
топиков: 172

Отправлено 19 May 2014 - 13:36

Просто при просмотре файла full.php обнаружил уже такой код:

<div id="<?php echo $tabsId; ?>" class="rborder">
        <ul>
            <?php if ($this->checkPosition('tab-text')) : ?>
                <li><a href="#tab-text"><?php echo JText::_('JBZOO_ITEM_TAB_DESCRIPTION'); ?></a></li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tab-properties')) : ?>
                <li><a href="#tab-properties"><?php echo JText::_('JBZOO_ITEM_TAB_PROPS'); ?></a></li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tab-gallery')) : ?>
                <li><a href="#tab-gallery"><?php echo JText::_('JBZOO_ITEM_TAB_GALLERY'); ?></a></li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tab-reviews')) : ?>
                <li><a href="#tab-reviews"><?php echo JText::_('JBZOO_ITEM_TAB_REVIEWS'); ?></a></li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tab-comments')) : ?>
                <li><a href="#tab-comments"><?php echo JText::_('JBZOO_ITEM_TAB_COMMENTS'); ?>
                        (<?php echo $item->getCommentsCount(); ?>)</a>
                </li>
            <?php endif; ?>
        </ul>

        <?php if ($this->checkPosition('tab-text')) : ?>
            <div id="tab-text">
                <?php echo $this->renderPosition('tab-text', $positionParams); ?>
                <div class="clear clr"></div>
            </div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tab-gallery')) : ?>
            <div id="tab-gallery">
                <?php echo $this->renderPosition('tab-gallery', $positionParams); ?>
                <div class="clear clr"></div>
            </div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tab-properties')) : ?>
            <div id="tab-properties">
                <table class="jbtable">
                    <?php echo $this->renderPosition('tab-properties', array('style' => 'jbtable')); ?>
                </table>
                <div class="clear clr"></div>
            </div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tab-reviews')) : ?>
            <div id="tab-reviews">
                <?php echo $this->renderPosition('tab-reviews', $positionParams); ?>
                <div class="clear clr"></div>
            </div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tab-comments')) : ?>
            <div id="tab-comments"><?php echo $this->renderPosition('tab-comments', $positionParams); ?></div>
        <?php endif; ?>
    </div>

0

Наверх

#4 Cheren-dow

JBZoo User (rus)
Общий рейтинг: 95.7
сообщений: 5060
топиков: 31

Отправлено 19 May 2014 - 13:44

zeus07, тут используется код ZOO/JBZoo с помощью которого выводится информация. Почитайте о стилях позиций.

Например

<?php if ($this->checkPosition('tab-comments')) : ?>
     <div id="tab-comments"><?php echo $this->renderPosition('tab-comments', $positionParams); ?></div>
<?php endif; ?>

Этот кусок кода выводит содержание из позиции tab-comments если оно не пусто.

Можно написать например так

<div id="tab-comments"><?php echo $this->renderPosition('tab-comments', $positionParams); ?></div>

Тогда уже информация не будет скрываться если элемент пуст.

0

Наверх

#5 zeus07

Topic Starter
JBZoo User (rus)
Общий рейтинг: 6.6
сообщений: 1090
топиков: 172

Отправлено 19 May 2014 - 20:54

Да, я понял, что это позиции самого Zoo/JBZoo. Сам код табов в какое место файла необходимо вставить?

0

Наверх

#6 Sliapy

JBZoo User (rus)
Общий рейтинг: 50.5
сообщений: 6393
топиков: 15

Отправлено 19 May 2014 - 21:29

 <?php if ($this->checkPosition('tab-text')) : ?>
                <li><a href="#tab-text"><?php echo JText::_('JBZOO_ITEM_TAB_DESCRIPTION'); ?></a></li>
 <?php endif; ?>

Это сама закладка

  <?php if ($this->checkPosition('tab-text')) : ?>
            <div id="tab-text">
                <?php echo $this->renderPosition('tab-text', $positionParams); ?>
                <div class="clear clr"></div>
            </div>
 <?php endif; ?>

Это содержимое вкладки.

Сообщение отредактировал Sliapy: 19 May 2014 - 21:29

0

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

Наверх

#7 zeus07

Topic Starter
JBZoo User (rus)
Общий рейтинг: 6.6
сообщений: 1090
топиков: 172

Отправлено 20 May 2014 - 00:29

Привожу листинг шаблона Full с добавлением кода для вывода своих табов:

<?php
/**
 * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
 *
 * @package     jbzoo
 * @version     2.x Pro
 * @author      JBZoo App http://jbzoo.com
 * @copyright   Copyright (C) JBZoo.com,  All rights reserved.
 * @license     http://jbzoo.com/license-pro.php JBZoo Licence
 * @coder       Denis Smetannikov <denis@jbzoo.com>
 */

// no direct access
defined('_JEXEC') or die('Restricted access');


$align = $this->app->jbitem->getMediaAlign($item, $layout);
$tabsId = uniqid('jbzoo-tabs-');

echo $this->renderPosition('title', array('style' => 'jbtitle'));
echo $this->renderPosition('subtitle', array('style' => 'jbsubtitle'));
echo $this->renderPosition('likes', array('style' => 'jbblock', 'class' => 'align-left'));
echo $this->renderPosition('rating', array('style' => 'jbblock', 'class' => 'align-right'));

?>
<div class="clear clr"></div>

<div class="rborder item-body">

    <?php if ($this->checkPosition('image')) : ?>
        <div class="item-image align-<?php echo $align; ?>"><?php echo $this->renderPosition('image'); ?></div>
    <?php endif; ?>

    <?php if ($this->checkPosition('price')) : ?>
        <div class="item-price-position">
            <?php echo $this->renderPosition('price'); ?>
        </div>
    <?php endif; ?>

    <div class="clear clr"></div>

    <?php if ($this->checkPosition('anons')) : ?>
        <div class="item-anons">
            <?php echo $this->renderPosition('anons'); ?>
        </div>
    <?php endif; ?>

    <?php if ($this->checkPosition('meta')) : ?>
        <hr/>
        <div class="item-meta">
            <?php echo $this->renderPosition('meta', array('style' => 'jbblock', 'labelTag' => 'strong', 'tag' => 'p')); ?>
        </div>
    <?php endif; ?>
    <div class="clear clr"></div>
</div>

<?php echo $this->renderPosition('social', array('style' => 'jbblock')); ?>

<?php if ($this->checkPosition('tab-text')
    || $this->checkPosition('tab-gallery')
    || $this->checkPosition('tab-properties')
    || $this->checkPosition('tab-reviews')
    || $this->checkPosition('tab-comments')
) :

    $positionParams = array(
        'style'    => 'jbblock',
        'tag'      => 'div',
        'labelTag' => 'h3',
        'clear'    => true
    );

    ?>
    <div id="<?php echo $tabsId; ?>" class="rborder">
        <ul>
            <?php if ($this->checkPosition('tab-text')) : ?>
                <li><a href="#tab-text"><?php echo JText::_('JBZOO_ITEM_TAB_DESCRIPTION'); ?></a></li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tab-properties')) : ?>
                <li><a href="#tab-properties"><?php echo JText::_('JBZOO_ITEM_TAB_PROPS'); ?></a></li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tab-gallery')) : ?>
                <li><a href="#tab-gallery"><?php echo JText::_('JBZOO_ITEM_TAB_GALLERY'); ?></a></li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tab-reviews')) : ?>
                <li><a href="#tab-reviews"><?php echo JText::_('JBZOO_ITEM_TAB_REVIEWS'); ?></a></li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tab-comments')) : ?>
                <li><a href="#tab-comments"><?php echo JText::_('JBZOO_ITEM_TAB_COMMENTS'); ?>
                        (<?php echo $item->getCommentsCount(); ?>)</a>
                </li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tabs-1')) : ?>
                <li><a href="#tabs-1">Галерея</a></li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tabs-2')) : ?>
                <li><a href="#tabs-2">карта</a></li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tabs-3')) : ?>
                <li><a href="#tabs-3">Отзывы</a></li>
            <?php endif; ?>

            <?php if ($this->checkPosition('tabs-4')) : ?>
                <li><a href="#tabs-4">Видео</a></li>
            <?php endif; ?>
        </ul>

        <?php if ($this->checkPosition('tab-text')) : ?>
            <div id="tab-text">
                <?php echo $this->renderPosition('tab-text', $positionParams); ?>
                <div class="clear clr"></div>
            </div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tab-gallery')) : ?>
            <div id="tab-gallery">
                <?php echo $this->renderPosition('tab-gallery', $positionParams); ?>
                <div class="clear clr"></div>
            </div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tab-properties')) : ?>
            <div id="tab-properties">
                <table class="jbtable">
                    <?php echo $this->renderPosition('tab-properties', array('style' => 'jbtable')); ?>
                </table>
                <div class="clear clr"></div>
            </div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tab-reviews')) : ?>
            <div id="tab-reviews">
                <?php echo $this->renderPosition('tab-reviews', $positionParams); ?>
                <div class="clear clr"></div>
            </div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tab-comments')) : ?>
            <div id="tab-comments"><?php echo $this->renderPosition('tab-comments', $positionParams); ?></div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tabs-1')) : ?>
            <div id="tabs-1"><?php echo $this->renderPosition('tabs-1', $positionParams); ?></div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tabs-2')) : ?>
            <div id="tabs-2"><?php echo $this->renderPosition('tabs-2', $positionParams); ?></div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tabs-3')) : ?>
            <div id="tabs-3"><?php echo $this->renderPosition('tabs-3', $positionParams); ?></div>
        <?php endif; ?>

        <?php if ($this->checkPosition('tabs-4')) : ?>
            <div id="tabs-4"><?php echo $this->renderPosition('tabs-4', $positionParams); ?></div>
        <?php endif; ?>
        
        
    </div>

    <?php $this->app->jbassets->tabs(); ?>
    <script type="text/javascript">
        jQuery(function ($) {
            $('#<?php echo $tabsId;?>').JBZooTabs({
                onTabShow: function (index) {
                    var map = $('.googlemaps > div:first');
                    if (map.length) {
                        map.data('Googlemaps').refresh();
                    }
                }
            });
        });
    </script>
<?php endif; ?>

<?php echo $this->renderPosition('related', array('style' => 'jbblock', 'labelTag' => 'h2', 'clear' => true)); ?>

Но в настройках шаблона эти табы так и не появились. Видимо что-то не так. Привожу скриншот:

http://clip2net.com/s/i92K3Y

Объясните пожалуйста, где у меня ошибка?