moduli in home page opzione colori per lo slide
This commit is contained in:
@ -11,6 +11,10 @@
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
use Pcrt\Module\Highlights\Site\Helper\HighlightsHelper;
|
||||
use Joomla\CMS\Language\Text;
|
||||
use Joomla\CMS\Factory;
|
||||
|
||||
|
||||
|
||||
$elements = HighlightsHelper::getList($params);
|
||||
|
||||
@ -20,9 +24,7 @@ $sfondo = $params->get('sfondo', []);
|
||||
|
||||
$classemodulo = $params->get('header_class', []);
|
||||
|
||||
|
||||
|
||||
|
||||
$wa = Factory::getApplication()->getDocument()->getWebAssetManager();
|
||||
$wa->useStyle('swiper.css.styles', ['position' => 'before']);
|
||||
$wa->useScript('swiper.js.scripts');
|
||||
|
||||
@ -68,29 +70,21 @@ var swiper = new Swiper(".carosello'. $module->id . '", {
|
||||
|
||||
?>
|
||||
|
||||
<pre>
|
||||
<?php //var_dump($module); ?>
|
||||
</pre>
|
||||
|
||||
|
||||
|
||||
|
||||
<?php if (!empty($elements)) : ?>
|
||||
<div class="container-jit <?= !empty($classemodulo) ? $classemodulo : 'bg-grigio'; ?>">
|
||||
<?= $module->title; ?>
|
||||
<div class="swiper carosellofeatured">
|
||||
<div class="swiper carosello<?= $module->id; ?>">
|
||||
<div class="swiper-wrapper">
|
||||
<?php foreach ($elements as $index => $element) : ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="swiper-content pt-3 pb-5">
|
||||
|
||||
|
||||
<figure class="left primopiano-foto img-fit-cover">
|
||||
<a href="/news/natale-2024" itemprop="url" title="<?= $element->sottotitolo; ?>" class="" data-focus-mouse="false">
|
||||
<img src="<?= $element->immagine_main; ?>" alt="<?= $element->titolo; ?>" class="img-fluid" />
|
||||
</a>
|
||||
</figure>
|
||||
|
||||
<figure class="primopiano-foto img-fit-cover">
|
||||
<a href="/news/natale-2024" itemprop="url" title="<?= $element->sottotitolo; ?>" class="" data-focus-mouse="false">
|
||||
<img src="<?= $element->immagine_main; ?>" alt="<?= $element->titolo; ?>" class="img-fluid" />
|
||||
</a>
|
||||
</figure>
|
||||
<div><?php echo $element->titolo; ?></div>
|
||||
<div><?php echo $element->sottotitolo; ?></div>
|
||||
<div><?php echo $element->descrizione; ?></div>
|
||||
|
||||
@ -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; ?>
|
||||
@ -0,0 +1,102 @@
|
||||
<?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\Language\Text;
|
||||
use Joomla\CMS\Factory;
|
||||
|
||||
|
||||
|
||||
$elements = HighlightsHelper::getList($params);
|
||||
|
||||
//Come accedere alle variabili generali:
|
||||
$opacita = $params->get('opacita', []);
|
||||
$sfondo = $params->get('sfondo', []);
|
||||
|
||||
$classemodulo = $params->get('header_class', []);
|
||||
|
||||
$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(".carosello'. $module->id . '", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
loop: true,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
breakpoints: {
|
||||
|
||||
480: {
|
||||
spaceBetween: 10,
|
||||
slidesPerView: 2,
|
||||
},
|
||||
|
||||
768: {
|
||||
spaceBetween: 10,
|
||||
slidesPerView: 3,
|
||||
},
|
||||
|
||||
1200: {
|
||||
spaceBetween: 20,
|
||||
slidesPerView: 3,
|
||||
},
|
||||
|
||||
1524: {
|
||||
spaceBetween: 40,
|
||||
slidesPerView: 4,
|
||||
},
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
', [], ['type' => 'text/javascript']);
|
||||
|
||||
|
||||
?>
|
||||
|
||||
<?php //var_dump($module); ?>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<?php if (!empty($elements)) : ?>
|
||||
<div class="container-jit <?= !empty($classemodulo) ? $classemodulo : 'bg-grigio'; ?>">
|
||||
<div class="container">
|
||||
<?= $module->title; ?>
|
||||
<div class="swiper carosello<?= $module->id; ?>">
|
||||
<div class="swiper-wrapper">
|
||||
<?php foreach ($elements as $index => $element) : ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="swiper-content pt-3 pb-5">
|
||||
<a href="/news/natale-2024" itemprop="url" title="<?= $element->titolo; ?>" class="" data-focus-mouse="false">
|
||||
<img src="<?= $element->immagine_main; ?>" alt="<?= $element->titolo; ?>" class="img-fluid" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<div class="swiper-controls container">
|
||||
<div class="swiper-button-next swiper-button-next"></div>
|
||||
<div class="swiper-button-prev swiper-button-prev"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
Reference in New Issue
Block a user