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


Фотография
- - - - -

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


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

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

3ug_200x0.png

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

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


  • Закрытая тема Тема закрыта
Сообщений в теме: 24

#1 zeus07

zeus07

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

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

 

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

 

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

 

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

 

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

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


  • 0

#2 Cheren-dow

Cheren-dow

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

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

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

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

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


  • 0
Изображение
 

#3 zeus07

zeus07

Отправлено 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

Cheren-dow

Отправлено 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

zeus07

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

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


  • 0

#6 Sliapy

Sliapy

Отправлено 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

zeus07

Отправлено 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

 

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


  • 0

#8 Sliapy

Sliapy

Отправлено 20 May 2014 - 02:52

Добавили позицию в positions.xml?


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

#9 zeus07

zeus07

Отправлено 20 May 2014 - 12:38

Добавил позиции: http://clip2net.com/s/i9d3Rn

Но в самом шаблоне, к сожалению, так ничего и не изменилось


  • 0

#10 Cheren-dow

Cheren-dow

Отправлено 20 May 2014 - 13:01

Можете дать доступы к FTP и админке?


  • 0
Изображение
 




Click to return to top of page in style!