Joomla! Template Override:

Icons ohne Pulldown


Standardmäßig zeigt Joomla die Icons (Drucken, E-Mail, Edit...) in einem Pulldown. Um das zu ändern braucht man ein Override von layouts / joomla / content / icons.php

Die "<i>"s mit Klassen "fa fa-print", "fa fa-envelope-o" und "fa fa-pencil-square-o" sind für Templates mit FontAwesome gedacht. In Protostar z.B. werden IcoMoon Icons angezeigt.

Mit den hier gezeigten CSS Definitionen werden die Icons nebeneinander angezeigt.

Wenn man dem Container "<div class="icons">" zusätzlich die Klasse "pull-right" gibt, werden die Icons rechts neben dem Text angezeigt:

screenshot localhost 8080 2016 05 23 13 11 16

Benötigte Override-Dateien


  • <?php
    /**
     * @package     Joomla.Site
     * @subpackage  Layout
     *
     * @copyright   Copyright (C) 2005 - 2016 Open Source Matters, Inc. All rights reserved.
     * @license     GNU General Public License version 2 or later; see LICENSE.txt
     */
    defined('JPATH_BASE') or die;
    JHtml::_('bootstrap.framework');
    $canEdit = $displayData['params']->get('access-edit');
    ?>
    
    <?php if (empty($displayData['print'])) : ?>
    	<div class="icons">
    
    		<?php if ($canEdit || $displayData['params']->get('show_print_icon') || $displayData['params']->get('show_email_icon')) : ?>
    				<?php // Note the actions class is deprecated. Use dropdown-menu instead. ?>
    				<ul class="actions">
    					<?php if ($displayData['params']->get('show_print_icon')) : ?>
    						<li class="print-icon"><i class="fa fa-print"></i> <?php echo JHtml::_('icon.print_popup', $displayData['item'], $displayData['params']); ?> </li>
    					<?php endif; ?>
    					<?php if ($displayData['params']->get('show_email_icon')) : ?>
    						<li class="email-icon"><i class="fa fa-envelope-o"></i> <?php echo JHtml::_('icon.email', $displayData['item'], $displayData['params']); ?> </li>
    					<?php endif; ?>
    					<?php if ($canEdit) : ?>
    						<li class="edit-icon"><i class="fa fa-pencil-square-o"></i> <?php echo JHtml::_('icon.edit', $displayData['item'], $displayData['params']); ?> </li>
    					<?php endif; ?>
    				</ul>
    		<?php endif; ?>
    
    	<?php else : ?>
    
    		<div class="pull-right">
    			<?php echo JHtml::_('icon.print_screen', $displayData['item'], $displayData['params']); ?>
    		</div>
    
    	</div>
    <?php endif; ?>
  • /* Actions */
    ul.actions {
        margin-bottom: 15px;
        padding: 0;
        text-align: right;
    }
    ul.actions li {
        display: inline;
    	padding: 0 5px;
    }
    ul.actions a {
        text-decoration: none;
    }





Fehler melden

Bitte beachte unsere Datenschutzerklärung

Alle mit * markierten Felder werden benötigt um eine E-Mail zu senden.