[contact-form-7 id="24085" title="Feedback RU"]

Новые шаблоны

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. Как удалить лайтбокс, эффект при наведении и ссылки на странице портфолио