Files
conservatorio-tomadini/templates/joomla-italia-theme/html/mod_highlights/slide.php

144 lines
4.7 KiB
PHP

<?php
/**
* @version CVS: 1.0.0
* @package com_highlights
* @subpackage mod_highlights
* @author Eddy Prosperi <eddy.prosperi@protocollicreativi.it>
* @copyright 2024 Eddy Prosperi
* @license GNU General Public License versione 2 o successiva; vedi LICENSE.txt
*/
defined('_JEXEC') or die;
use Pcrt\Module\Highlights\Site\Helper\HighlightsHelper;
use Joomla\CMS\Helper\ModuleHelper;
use Joomla\CMS\Language\Text;
use Joomla\CMS\Factory;
$elements = HighlightsHelper::getList($params);
$tableField = explode(':', $params->get('field'));
$table_name = !empty($tableField[0]) ? $tableField[0] : '';
$field_name = !empty($tableField[1]) ? $tableField[1] : '';
//Come accedere alle variabili generali:
$opacita = $params->get('opacita', []);
$sfondo = $params->get('sfondo', []);
defined('_JEXEC') or die;
$wa = Factory::getApplication()->getDocument()->getWebAssetManager();
$wa->useStyle('swiper.css.styles', ['position' => 'before']);
$wa->useScript('swiper.js.scripts');
$wa->addInlineScript('
window.addEventListener("DOMContentLoaded", function(){
var swiper = new Swiper(".sliderfull'. $module->id . '", {
slidesPerView: "auto",
spaceBetween: 0,
loop: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
});
', [], ['type' => 'text/javascript']);
?>
<?php if (!empty($elements)) : ?>
<div class="<?= $params->get('moduleclass_sfx') ?>">
<div class="position-relative">
<div class="swiper sliderfull sliderfull<?= $module->id ?>">
<div class="swiper-wrapper">
<?php foreach ($elements as $index => $element) : ?>
<div class="swiper-slide">
<?php // Layout 50% test0 e 50% foto ?>
<?php if ($element->classe == 'larghezza50') : ?>
<div class="swiper-content <?= $element->classe; ?>">
<div class="wrap-slide">
<div class="container-lg px-0">
<div class="caption-slide">
<p class="title-slider">
<?= $element->titolo; ?>
</p>
<p class="text-slider">
<?= $element->sottotitolo; ?>
</p>
<a href="<?= $element->link_pulsante; ?>" class="btn btn-slide" title="<?= $element->testo_pulsante; ?>"><?= $element->testo_pulsante; ?></a>
</div>
</div>
</div>
<div class="row m-0 row50slide">
<div class="col-12 col-lg-6 order-lg-1 order-2">
</div>
<div class="col-12 col-lg-6 order-lg-2 order-1 p-0">
<div class="image-container" style="background-image: url(<?= $element->immagine_main; ?>)"></div>
</div>
</div>
</div>
<?php // Layout 100% foto ?>
<?php elseif ($element->classe == 'larghezza100') : ?>
<div class="swiper-content <?= $element->classe; ?>">
<div class="image-container" style="background-image: url(<?= $element->immagine_main; ?>)"></div>
<div class="wrap-slide ">
<div class="container-lg px-0">
<div class="caption-slide">
<?php if (!empty($element->immagine_secondaria)) : ?>
<img src="<?= $element->immagine_secondaria; ?>" class="img-caption" />
<?php endif; ?>
<p class="title-slider">
<?= $element->titolo; ?>
</p>
<p class="text-slider">
<?= $element->sottotitolo; ?>
</p>
<a href="<?= $element->link_pulsante; ?>" class="btn btn-slide" title="<?= $element->testo_pulsante; ?>"><?= $element->testo_pulsante; ?></a>
</div>
</div>
</div>
</div>
<?php else: ?>
<?php // Layout 100% foto testp boxed ?>
<div class="swiper-content <?= $element->classe; ?>">
<div class="image-container" style="background-image: url(<?= $element->immagine_main; ?>)">
<div class="wrap-slide">
<div class="container-lg px-0">
<div class="caption-slide">
<?php if (!empty($element->immagine_secondaria)) : ?>
<img src="<?= $element->immagine_secondaria; ?>" class="img-caption" />
<?php endif; ?>
<p class="title-slider">
<?= $element->titolo; ?>
</p>
<p class="text-slider">
<?= $element->sottotitolo; ?>
</p>
<a href="<?= $element->link_pulsante; ?>" class="btn btn-slide" title="<?= $element->testo_pulsante; ?>"><?= $element->testo_pulsante; ?></a>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<?php endif; ?>