Joomla. Как удалить лайтбокс, эффект при наведении и ссылки на странице портфолио

Этот туториал покажет, как удалить лайтбокс, эффект при наведении и ссылки на странице портфолио в шаблонах Joomla.

1. Откройте папку в директории с инсталляцией Joomla:

   templates/your_template_folder/html/com_k2/templates/portfolio

   Чтобы изменить настройки изображения, откройте файл «category-item.php» любым текстовым/PHP редактором.

2. Прокрутите вниз, до класса «span class=»catItemImage«:

   <span class="catItemImage">
   
   <?php if($this->params->get('itemImageXL') !== 0): ?>
   
   <a class="touch" href="<?php echo $this->item->imageXLarge; ?>" title="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>"> <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>"/> <span class="zoomIcon"></span> </a>
   
   <?php else: ?>
   
   <a class="touch" href="<?php echo $this->item->image; ?>" title="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>"> <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>"/> <span class="zoomIcon"></span> </a>
   
   <?php endif; ?>
   
   </span> 
   				

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

   					<a class="touch" href="<?php echo $this->item->imageXLarge; ?>" title="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>">
   
   <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>"/>
   
   <span class="zoomIcon"></span>
   
   </a>
   				

4. Удалите или замените следующую линию, чтобы изменить ссылку (например, такую же как для названий):

   					<?php echo $this->item->imageXLarge; ?>
   				

   Если хотите, чтобы ссылка была такая же, как в названии, замените следующий скрипт:

   					<?php echo $this->item->link; ?>
   				

5. Чтобы удалить эффект при наведении, и удалить лайтбокс, удалите следующий класс:

   					class="touch"
   				

6. Сохраните файл, обновите сайт, чтобы увидеть изменения.
   

Это конец туториала. Обращайтесь к нам, если у Вас возникнут дополнительные вопросы.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже:

Joomla. Как удалить лайтбокс, эффект при наведении и ссылки на странице портфолио