eddydesigner/conservatorio-tomadini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

moduli in home page opzione colori per lo slide

Browse Source
This commit is contained in:
Amministratore
2025-01-05 19:52:14 +01:00
parent c0307e77ff
commit edfa05e95f
18 changed files with 3175 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
templates/joomla-italia-theme/html/mod_highlights/slide.php
View File

@ -27,9 +27,6 @@ $sfondo = $params->get('sfondo', []);
defined('_JEXEC') or die;
$wa = Factory::getApplication()->getDocument()->getWebAssetManager();
$wa->useStyle('swiper.css.styles', ['position' => 'before']);
@ -54,7 +51,7 @@ var swiper = new Swiper(".sliderfull'. $module->id . '", {
?>
<pre><?php var_dump($elements); ?></pre>
<?php if (!empty($elements)) : ?>
<div class="<?= $params->get('moduleclass_sfx') ?>">
<div class="position-relative">
@ -62,71 +59,129 @@ var swiper = new Swiper(".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 // Layout 50% testo 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>
<?php if (!empty($element->immagine_secondaria)) : ?>
<?php if (!empty($element->link_pdf)) : ?>
<a href="<?= $element->link_pdf; ?>" title="Apri il pdf" target="_blank">
<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
</a>
<?php else: ?>
<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
<?php endif; ?>
<?php endif; ?>
<?php if (!empty($element->titolo)) : ?>
<p class="title-slider">
<?= $element->titolo; ?>
</p>
<?php endif; ?>
<?php if (!empty($element->sottotitolo)) : ?>
<p class="text-slider">
<?= $element->sottotitolo; ?>
</p>
<?php endif; ?>
<?php if (!empty($element->descrizione)) : ?>
<div class="text-slider">
<?= $element->descrizione; ?>
</div>
<?php endif; ?>
<?php if (!empty($element->link_pulsante)) : ?>
<a href="<?= $element->link_pulsante; ?>" class="btn btn-slide" title="<?= $element->testo_pulsante; ?>"><?= $element->testo_pulsante; ?></a>
<?php endif; ?>
</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-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>
<?php if (!empty($element->immagine_main)) : ?>
<div class="image-container" style="background-image: url(<?= $element->immagine_main; ?>)"></div>
<?php endif; ?>
</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>
<?php if (!empty($element->immagine_main)) : ?>
<div class="image-container" style="background-image: url(<?= $element->immagine_main; ?>)"></div>
<?php endif; ?>
<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 if (!empty($element->link_pdf)) : ?>
<a href="<?= $element->link_pdf; ?>" title="Apri il pdf" target="_blank">
<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
</a>
<?php else: ?>
<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
<?php endif; ?>
<?php endif; ?>
<?php if (!empty($element->titolo)) : ?>
<p class="title-slider">
<?= $element->titolo; ?>
</p>
<?php endif; ?>
<?php if (!empty($element->sottotitolo)) : ?>
<p class="text-slider">
<?= $element->sottotitolo; ?>
</p>
<?php endif; ?>
<?php if (!empty($element->link_pulsante)) : ?>
<a href="<?= $element->link_pulsante; ?>" class="btn btn-slide" title="<?= $element->testo_pulsante; ?>"><?= $element->testo_pulsante; ?></a>
<?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 ?>
<?php // Layout 100% foto testo boxed style="background:transparent; color:<?= $element->colore_testo; ?>; position:relative;" ?>
<div class="swiper-content <?= $element->classe; ?>">
<div class="image-container" style="background-image: url(<?= $element->immagine_main; ?>)">
<div class="image-container" <?= !empty($element->immagine_main) ? '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" />
<div class="caption-slide"
<?php if ($element->colore_sfondo == '00000') : ?>
style="<?php if ($element->colore_testo != '00000') : ?>color:<?= $element->colore_testo; ?>;<?php endif; ?>">
<?php else: ?>
<?php if ($element->colore_testo == '00000') : ?>
<?= 'style="background:transparent; position:relative;">' ;?>
<div style="z-index:-1; width:100%; height:100%; position:absolute; top:0; left:0; background:<?= $element->colore_sfondo; ?>; <?php if (!empty($element->opacita)) : ?>opacity:<?= $element->opacita; ?>;<?php endif; ?>"></div>
<?php else: ?>
<?= 'style="background:transparent; color:'.$element->colore_testo,'; position:relative;">';?>
<div style="z-index:-1; width:100%; height:100%; position:absolute; top:0; left:0; background:<?= $element->colore_sfondo; ?>; <?php if (!empty($element->opacita)) : ?>opacity:<?= $element->opacita; ?>;<?php endif; ?>"></div>
<?php endif; ?>
<?php endif; ?>
<?php if (!empty($element->immagine_secondaria)) : ?>
<?php if (!empty($element->link_pdf)) : ?>
<a href="<?= $element->link_pdf; ?>" title="Apri il pdf" target="_blank">
<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
</a>
<?php else: ?>
<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
<?php endif; ?>
<?php endif; ?>
<?php if (!empty($element->titolo)) : ?>
<p class="title-slider">
<?= $element->titolo; ?>
</p>
<?php endif; ?>
<?php if (!empty($element->sottotitolo)) : ?>
<p class="text-slider">
<?= $element->sottotitolo; ?>
</p>
<?php endif; ?>
<?php if (!empty($element->link_pulsante)) : ?>
<a href="<?= $element->link_pulsante; ?>" class="btn btn-slide" title="<?= $element->testo_pulsante; ?>"><?= $element->testo_pulsante; ?></a>
<?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>
@ -138,7 +193,6 @@ var swiper = new Swiper(".sliderfull'. $module->id . '", {
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<?php endif; ?>