Joomla 3.x. Как изменить разметку страницы галереи по умолчанию

Этот туториал покажет, как изменить разметку страницы галереи, установленную по умолчанию, в шаблонах Joomla 3.x.

Joomla 3.x. Как изменить разметку страницы галереи по умолчанию

Для того чтобы изменить разметку страницы галереи, установленную по умолчанию, необходимо выполнить следующие шаги:

1. Откройте файл templates\themeXXXX\html\com_content\category\gallery.php.

2. В файле “gallery.php” найдите следующий код:

   <ul id="grid-list" class="btn-group">
         <li><a class="btn btn-info toGrid active"><i class="fa fa-th-large"></i></a></li>
         <li><a class="btn btn-info toList"><i class="fa fa-bars"></i></a></li>
       </ul>

   

3. Поменяйте строки в тегах <li> местами и перенесите класс «active» в сроку кода для разметки списка. В результате, вы должны получить следующий код:

   <ul id="grid-list" class="btn-group">
             <li><a class="btn btn-info toList active"><i class="fa fa-bars"></i></a></li>
         <li><a class="btn btn-info toGrid "><i class="fa fa-th-large"></i></a></li>
       </ul>

   

4. В инициализации скрипта, в строке 222 измените:

   layoutMode: 'grid' на  layoutMode: 'list' 

   

5. В строке 162 замените:

   <li class="gallery-item mix mix_all gallery-grid <?php echo $item_hover_style; ?> <?php echo special_chars_replace(mb_strtolower(str_replace(" ","",$item->category_title))); ?>" data-date="<?php echo JHtml::_('date', $this->item->publish_up, 'YmdHis'); ?>" data-name="<?php echo $this->item->title; ?>" data-popularity="<?php echo $this->item->hits; ?>">

   на

   <li class="gallery-item mix mix_all gallery-list <?php echo $item_hover_style; ?> <?php echo special_chars_replace(mb_strtolower(str_replace(" ","",$item->category_title))); ?>" data-date="<?php echo JHtml::_('date', $this->item->publish_up, 'YmdHis'); ?>" data-name="<?php echo $this->item->title; ?>" data-popularity="<?php echo $this->item->hits; ?>">

   

Сохраните изменения в файле и загрузите его обратно на сервер. Обновите страницу сайта. Разметка страницы галереи, установленная по умолчанию, была успешна изменена.

Вы также можете воспользоваться детальным видео туториалом:

Joomla 3.x. Как изменить разметку страницы галереи по умолчанию