[Помогите] Элемент "Ссылка" в компоненте ZOO

Здравствуйте!
Использую элемент "Ссылка" в блоге компонента Zoo. Вопрос: можно ли сделать так, чтобы ссылка была не текстовая, а в виде кнопки?
Версия Joomla: 3.3.1
Версия ZOO: 3.1.6

 

Можно, в настройках элемента нужного шаблона в графе Показывать (View) выбираем Ссылка кнопки (Link button)

 

У меня такого нет, вы наверно с элементом "Загрузка" путаете.

 

Угу, извиняйте.

Надо поменять тогда шаблон элемента.

Файл media/zoo/elements/link/tmpl/link.php

Это вывод ссылки:

Код:

echo '<a href="'.JRoute::_($this->get('value', '')).'" rel="nofollow" title="'.$this->getTitle().'" '.$target.' '. $rel .'>'.$this->getText().'</a>';

Извращайтесь с этим как хотите, поставьте <button> вместо <a> например, или добавляйте классы.

Код:

echo '<button class="button-link" href="'.JRoute::_($this->get('value', '')).'" rel="nofollow" title="'.$this->getTitle().'" '.$target.' '. $rel .'>'.$this->getText().'</button>';

 

Кнопка появляется, только после нажатия на нее, ничего не происходит.

 

Ну тогда давайте ссылку на сайт, если возможно, и напишите, какой код Вы вставили в шаблон элемента.

А вообще было бы правильней оставить тег <a>, добавить какой-нибудь класс и оформить ссылку как кнопку на CSS.

 

Вот этот код:

Код:

echo '<button class="button-link" href="'.JRoute::_($this->get('value', '')).'" rel="nofollow" title="'.$this->getTitle().'" '.$target.' '. $rel .'>'.$this->getText().'</button>';

--- Добавлено, 20 июл 2014 ---

Сделал вот так, все работает. Так допустимо?

Код:

echo '<a class="uk-button uk-width-1-1" href="'.JRoute::_($this->get('value', '')).'" title="'.$this->getTitle().'" '.$target.' '. $rel .'>'.$this->getText().'</a>';

 

Да, конечно, теперь кнопка должна быть во всю ширину блока. Все отлично, на UIKit я делаю также.

 

Вы бы не могли мне помочь с элементом "ItemLink". Хотел сделать, чтобы была тоже кнопка, но не получается. Появляется кнопка, причем текст кнопки не видно, и кнопка не вовсю ширину блога. Может не тот файл редактирую. Файл: /media/zoo/elements/itemlink/itemlink.php.
Вот кусок кода в самом низу:

Код:

public function render($params = array()) {
        $params = $this->app->data->create($params);
        $text = JText::_($params->get('link_text') ? $params->get('link_text') : 'READ_MORE');
        return $this->_item->getState() ? '<a href="' . $this->app->route->item($this->_item) . '">' . $text . '</a>' : $text;
    }

 

Делайте по аналогии с элементом Ссылка:

Код:

public function render($params = array()) {
        $params = $this->app->data->create($params);
        $text = JText::_($params->get('link_text') ? $params->get('link_text') : 'READ_MORE');
        return $this->_item->getState() ? '<a class="uk-button uk-width-1-1" href="' . $this->app->route->item($this->_item) . '">' . $text . '</a>' : $text;
    }

 

Так я уже делал, вот что получается

 

Значит у Вас есть дополнительный код CSS, который обрабатывает эту ссылку. Напишите адрес проблемной странички.

 

ссылка

 

1. В элементе Itemlink нужно поставить все, как я писал выше (то есть добавить class="uk-button uk-width-1-1" к ссылке элемента Itemlink).
2. В файле /media/zoo/applications/blog/templates/uikit/renderer/item/teaser.php поменять

Код:

<ul class="uk-subnav uk-subnav-line">
    <?php echo $this->renderPosition('links', array('style' => 'uikit_subnav')); ?>
</ul>

на

Код:

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

 

Спасибо огромное, все работает. А вы случайно не знаете, может где-нибудь в интернете есть документация по UIKit на русском языке?

 

На русском не знаю, пользуюсь английской документацией, там все понятно, доступные примеры.
http://getuikit.com/docs/components.html