1. Доступ к загрузкам имеют пользователи со статусом КЛИЕНТЫ (заказчики сайта)
    Для обновления одного шаблона необходимо оплатить услугу Техническая поддержка (500 руб. - Яндекс-деньги или банковский перевод) модуль справа-внизу, сообщить {admin_forum} контактный e-mail
  2. У наших подписчиков ВКонтакте появилась возможность скачать первую версию любого шаблона для ознакомления абсолютно бесплатно. Вступаем и заказываем нужный шаблон на странице группы - https://vk.com/yootheme
    Скрыть объявление

Основные принципы и понятия при кастомизации JBZoo

Тема в разделе "FAQ по JBZoo", создана пользователем admin_forum, 4 ноя 2013.

  1. admin_forum
    Оффлайн

    admin_forum Администратор Команда форума

    Важно помнить, что JBZoo - это конструктор контента, который позволяет кликами мышки решить 80% задач при создании каталога на сайте. Для решения остальных 20% скорее всего нужно будет изменять шаблоны. Рекомендации ниже

    Информация ниже поможет вам избежать лишней головной боли при обновлении и кастомизации каталога

    Где лежат шаблоны?
    media\zoo\applications\jbuniversal\templates\catalog\renderer\*

    Откуда берется внешний вид для каталога JBZoo ?
    Сам JBZoo практически не навязывает никаких стилей. Все что идет в комплекте CSS - это вид базовых вещей (колонки, некоторые отступы, опциональные рамки, кнопки, и т.д.).
    Большинство стилей будет использоваться из вашего основного шаблона Joomla. Этому способствует семантическая верстка всех шаблонов (т.е если это заголовок то он будет в h1, подзаголовок h2, тексты в параграфах, таблица через table и т.д.).


    Как правильно подключить свои стили CSS и скрипты JS ?
    Создайте новые файлы (регистр важен!)
    media\zoo\applications\jbuniversal\assets\css\jbzoo.<ПСЕВДОНИМ (АЛИАС) КАТАЛОГА>.css
    media\zoo\applications\jbuniversal\assets\js\jbzoo.<ПСЕВДОНИМ (АЛИАС) КАТАЛОГА>.js

    Так же можно подключить отдельный CSS для формы поиска

    media\zoo\applications\jbuniversal\assets\js\jbzoo.filter.<АЛИАС ШАБЛОНА ФОРМЫ>.js
    media\zoo\applications\jbuniversal\assets\css\jbzoo.filter.<АЛИАС ШАБЛОНА ФОРМЫ>.css

    Файлы подключаться автоматически (только если это требуется приложению на текущей странице(!)), если они не пустые.
    Рекомендуется использовать английские псевдонимы каталогов без спец символов.

    Есть ли рекомендации по работе с CSS ?
    При работе с CSS все свои селекторы начинайте с класса ".jbzoo-app-<ПСЕВДОНИМ (АЛИАС) КАТАЛОГА>"
    Например так

    Код:
    .jbzoo-app-flat .photo-agent {
        float:left;
        margin-right: 10px;
    }
    JBZoo сгенерирует очень много классов на все случаи жизни для удобной верстки. Верстка должна быть дивной (<div>)

    Есть ли рекомендации по работе с JavaScript ?
    1. Используйте JQuery. Заворачивайте свой код в следующую конструкцию

    Код:
    jQuery(function($){
        // Ваш код, будет доступен jQuery через "$"
    });
    2. Не используйте несколько jQuery подключений на странице. Тот что подключит Zoo - обычно последняя версия.
    Иначе рискуете сломать все виджеты на сайте.


    Как заменить иконку каталога в панели управления?
    Создайте файл PNG по следующему адресу (регистр важен!). Иконка размером 64x64px
    media\zoo\applications\jbuniversal\assets\app_icons\<ПСЕВДОНИМ (АЛИАС) КАТАЛОГА>.png


    Как изменить шаблон JBZoo, но при этом не потерять возможность обновиться без лишней головной боли?
    Допустим мы хотим сделать свой шаблон категории. Он лежит тут.
    media\zoo\applications\jbuniversal\templates\catalog\renderer\category\_default.php
    Чтобы сделать свой шаблон для каталога
    скопируйте файла "_default.php" в эту же папку и назовите его "<ПСЕВДОНИМ (АЛИАС) КАТАЛОГА>.php"
    Теперь он подключиться автоматически, можете менять его на свое усмотрение и не бояться что он сотрется при обновлении.

    Какие еще имена файлов шаблонов допустимы?
    Вопрос тесно связан с предыдущим.
    Например для категорий можно использовать следующие имена (В порядке приоритета)

    <ПСЕВДОНИМ КАТАЛОГА>.<ПСЕВДОНИМ КАТЕГОРИИ>.php
    <ПСЕВДОНИМ КАТАЛОГА>.<ID КАТЕГОРИИ>.php
    <ПСЕВДОНИМ КАТАЛОГА>.php
    _default.php

    Таким образом можно для каждой категории сделать свой шаблон.
    Примечание. Не все шаблона имеют столько вариантов, т.к не у всех сущностей есть алиас или ID.
    Точно для всех будет работать

    <ПСЕВДОНИМ КАТАЛОГА>.php
    _default.php

    Можно использовать один свой шаблон сразу в нескольких местах без копирования по предыдущему методу?
    Да. Для этого в настройках категории или всего каталога можно указать шаблон явно.

    Как изменить враппер вокруг каждого материала?
    У каждого материала может быть враппер, который добавляет множество классов для удобства верстки.
    Сам тег задается в настройках каталога

    [​IMG]

    По умолчанию - <div>
     

Поделиться этой страницей