Макет галереи под UIkit в элементе Zoo gallery
Верстка элемента галереи Zoo под UIkit. Плюс Alt изображения от заголовка материала.
Скопировать элемент галереи из media/zoo/elements в своё приложение (или шаблон) Zoo.
* При желании можно добавить свой макет в папку tmpl и указать его в xml элемента, но это вряд ли нужно, мне достаточно переделать стандартный лайтбокс.
В элементе оставил только:
- файл макета lightbox.php в tmpl - там будут изменения.
- и gallery.php - в нём только удалил строки с подключением скриптов и стилей (они у меня подключены в шаблоне сайта).
В общем-то нужно чуть подогнать вёрстку под UIkit, но мне ещё не нравится, что у картинок alt - это имя самой картинки, я бы хотел чтоб был заголовок материала.
Весь файл у меня такой:
<?php /** * @package com_zoo * @author YOOtheme http://www.yootheme.com * @copyright Copyright (C) YOOtheme GmbH * @license http://www.gnu.org/licenses/gpl.html GNU/GPL */ // no direct access defined('_JEXEC') or die('Restricted access'); $id = $this->identifier.'-'.uniqid(); $title = $this->get('title', ''); $itemname = $this->_item->name; ?> <div class="full-gallery""> <?php foreach ($thumbs as $image) : ?> <?php $lightbox = ''; if ($title) { $titlealt = $title; } else $titlealt = $itemname; /* Prepare Lightbox */ if ($params->get('lightbox_group')) { $lightbox = 'data-uk-lightbox="{group:\''.$id.'\'}"'; } else { $lightbox = 'data-uk-lightbox'; } if ($params->get('lightbox_caption')) { $lightbox .= ' title="'.$titlealt.'"'; } /* Prepare Image */ $content = '<img src="'.$image['thumb'].'" width="'.$image['thumb_width'].'" height="'.$image['thumb_height'].'" alt="'.$titlealt.'" />'; ?> <a class="thumb-gallery" href="/<?php echo $image['img']; ?>" <?php echo $lightbox; ?>><?php echo $content; ?></a> <?php endforeach; ?> </div>
Убрал spotlight и overlay, т.к. не нужны они в галерее, но можно было и подогнать...