Joomla! Template Override:

Pagination


Nicht nur Komponenten und Module lassen sich überschreiben. Man kann auch das Aussehen der Pagination mit einem Override ändern.

Man legt dafür die Datei pagination.php direkt unter / templates / meintemplate / html

Benötigte Override-Dateien


  • <?php
    /**
     * @package Joomla.Site
     * @subpackage Templates.protostar
     *
     * @copyright Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
     * @license GNU General Public License version 2 or later; see LICENSE.txt
     */
    defined('_JEXEC') or die;
    /**
     * This is a file to add template specific chrome to pagination rendering.
     *
     * pagination_list_footer
     * Input variable $list is an array with offsets:
     * $list[limit] : int
     * $list[limitstart] : int
     * $list[total] : int
     * $list[limitfield] : string
     * $list[pagescounter] : string
     * $list[pageslinks] : string
     *
     * pagination_list_render
     * Input variable $list is an array with offsets:
     * $list[all]
     * [data] : string
     * [active] : boolean
     * $list[start]
     * [data] : string
     * [active] : boolean
     * $list[previous]
     * [data] : string
     * [active] : boolean
     * $list[next]
     * [data] : string
     * [active] : boolean
     * $list[end]
     * [data] : string
     * [active] : boolean
     * $list[pages]
     * [{PAGE}][data] : string
     * [{PAGE}][active] : boolean
     *
     * pagination_item_active
     * Input variable $item is an object with fields:
     * $item->base : integer
     * $item->link : string
     * $item->text : string
     *
     * pagination_item_inactive
     * Input variable $item is an object with fields:
     * $item->base : integer
     * $item->link : string
     * $item->text : string
     *
     * This gives template designers ultimate control over how pagination is rendered.
     *
     * NOTE: If you override pagination_item_active OR pagination_item_inactive you MUST override them both
     */
    /**
     * Renders the pagination footer
     *
     * @param array $list Array containing pagination footer
     *
     * @return string HTML markup for the full pagination footer
     *
     * @since 3.0
     */
    function pagination_list_footer($list)
    {
     $html = "<div class=\"pagination\">\n";
     $html .= $list['pageslinks'];
     $html .= "\n<input type=\"hidden\" name=\"" . $list['prefix'] . "limitstart\" value=\"" . $list['limitstart'] . "\" />";
     $html .= "\n</div>";
    return $html;
    }
    /**
     * Renders the pagination list
     *
     * @param array $list Array containing pagination information
     *
     * @return string HTML markup for the full pagination object
     *
     * @since 3.0
     */
    function pagination_list_render($list)
    {
     // Calculate to display range of pages
     $currentPage = 1;
     $range = 1;
     $step = 5;
     foreach ($list['pages'] as $k => $page)
     {
     if (!$page['active'])
     {
     $currentPage = $k;
     }
     }
     if ($currentPage >= $step)
     {
     if ($currentPage % $step == 0)
     {
     $range = ceil($currentPage / $step) + 1;
     }
     else
     {
     $range = ceil($currentPage / $step);
     }
     }
    $html = '<ul class="pagination-list">';
     $html .= $list['start']['data'];
     $html .= $list['previous']['data'];
    foreach ($list['pages'] as $k => $page)
     {
     if (in_array($k, range($range * $step - ($step + 1), $range * $step)))
     {
     if (($k % $step == 0 || $k == $range * $step - ($step + 1)) && $k != $currentPage && $k != $range * $step - $step)
     {
     $page['data'] = preg_replace('#(<a.*?>).*?(</a>)#', '$1...$2', $page['data']);
     }
     }
    $html .= $page['data'];
     }
    $html .= $list['next']['data'];
     $html .= $list['end']['data'];
    $html .= '</ul>';
     return $html;
    }
    /**
     * Renders an active item in the pagination block
     *
     * @param JPaginationObject $item The current pagination object
     *
     * @return string HTML markup for active item
     *
     * @since 3.0
     */
    function pagination_item_active(&$item)
    {
     $class = '';
    // Check for "Start" item
     if ($item->text == JText::_('JLIB_HTML_START'))
     {
     $display = '<i class="fa fa-fast-backward"></i>';
     }
    // Check for "Prev" item
     if ($item->text == JText::_('JPREV'))
     {
     $display = '<i class="fa fa-backward"></i>';
     }
    // Check for "Next" item
     if ($item->text == JText::_('JNEXT'))
     {
     $display = '<i class="fa fa-forward"></i>';
     }
    // Check for "End" item
     if ($item->text == JText::_('JLIB_HTML_END'))
     {
     $display = '<i class="fa fa-fast-forward"></i>';
     }
    // If the display object isn't set already, just render the item with its text
     if (!isset($display))
     {
     $display = $item->text;
     $class = ' class="hidden-phone"';
     }
    return '<li' . $class . '><a title="' . $item->text . '" href="' . $item->link . '" class="pagenav">' . $display . '</a></li>';
    }
    /**
     * Renders an inactive item in the pagination block
     *
     * @param JPaginationObject $item The current pagination object
     *
     * @return string HTML markup for inactive item
     *
     * @since 3.0
     */
    function pagination_item_inactive(&$item)
    {
     // Check for "Start" item
     if ($item->text == JText::_('JLIB_HTML_START'))
     {
     return '<li class="disabled"><a><i class="fa fa-fast-backward"></i></a></li>';
     }
    // Check for "Prev" item
     if ($item->text == JText::_('JPREV'))
     {
     return '<li class="disabled"><a><i class="fa fa-backward"></i></a></li>';
     }
    // Check for "Next" item
     if ($item->text == JText::_('JNEXT'))
     {
     return '<li class="disabled"><a><i class="fa fa-forward"></i></a></li>';
     }
    // Check for "End" item
     if ($item->text == JText::_('JLIB_HTML_END'))
     {
     return '<li class="disabled"><a><i class="fa fa-fast-forward"></i></a></li>';
     }
    // Check if the item is the active page
     if (isset($item->active) && ($item->active))
     {
     return '<li class="active hidden-phone"><a>' . $item->text . '</a></li>';
     }
    // Doesn't match any other condition, render a normal item
     return '<li class="disabled hidden-phone"><a>' . $item->text . '</a></li>';
    }
  • /* PAGINATION */
    div.pagination {
     display: block;
     height: auto;
    }
    div.pagination ul {
     display: block;
     margin: 10px 0;
     padding-left: 0;
     border-radius: 0;
     box-shadow: none;
     text-align: center;
    }
    div.pagination ul > li {
     display: inline;
     padding: 0;
    }
    div.pagination ul > li > a {
     padding: 10px;
    }
    div.pagination ul > li.disabled > a, .pagination ul > li.active > a {
     color: #ccc;
    }
    .pagination p.pull-right {
     float: none !important;
     text-align: center;
    }
    div.pagination a, .pagination span {
     float: none;
     display: inline-block;
    }





Fehler melden

Bitte beachte unsere Datenschutzerklärung

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