fix stile fino a comunicazioni

This commit is contained in:
2025-01-06 12:09:03 +01:00
parent 831a742105
commit 289c8e7ef6
18 changed files with 1633 additions and 90 deletions

View File

@ -13,8 +13,9 @@ defined('_JEXEC') or die;
use Pcrt\Module\Highlights\Site\Helper\HighlightsHelper;
use Joomla\CMS\Language\Text;
use Joomla\CMS\Factory;
use Joomla\CMS\Uri\Uri;
$baseImagePath = Uri::root(false) . "media/templates/site/joomla-italia-theme/images/";
$elements = HighlightsHelper::getList($params);
@ -37,8 +38,8 @@ var swiper = new Swiper(".carosello'. $module->id . '", {
spaceBetween: 10,
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
nextEl: ".swiper-button-next.swp-'. $module->id .'",
prevEl: ".swiper-button-prev.swp-'. $module->id .'",
},
breakpoints: {
@ -74,33 +75,61 @@ var swiper = new Swiper(".carosello'. $module->id . '", {
<?php if (!empty($elements)) : ?>
<div class="py-5 <?= !empty($classemodulo) ? $classemodulo : 'bg-grigio'; ?>">
<div class="titolo-linea mb-4">
<div class="ps-5 ps-lg-3 container bg-grigio position-relative"><span class="h2 rosso"><?= $module->title; ?></span></div>
<div class="titolo-linea mb-4">
<div class="ps-4 ps-lg-3 container bg-grigio position-relative"><span class="h2 rosso"><?= $module->title; ?></span></div>
<div class="swiper-controls carosellimoduli">
<div class="swiper-button-next swiper-button-next swp-<?= $module->id; ?>"></div>
<div class="swiper-button-prev swiper-button-prev swp-<?= $module->id; ?>"></div>
</div>
</div>
<div class="container-jit">
<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="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>
<div class="swiper-content pt-3 pb-lg-5 pb-4">
<?php if (!empty($element->immagine_main)) : ?>
<figure class="primopiano-foto img-fit-cover">
<?php if (!empty($element->link_pulsante)) : ?>
<a href="<?= $element->link_pulsante; ?>" title="<?= $element->titolo; ?>">
<img src="<?= $element->immagine_main; ?>" alt="<?= $element->titolo; ?>" class="img-fluid" />
</a>
<?php else: ?>
<img src="<?= $element->immagine_main; ?>" alt="<?= $element->titolo; ?>" class="img-fluid" />
<?php endif; ?>
</figure>
<?php endif; ?>
<?php if (!empty($element->link_pulsante)) : ?>
<a href="<?= $element->link_pulsante; ?>" title="<?= $element->titolo; ?>">
<p class="h5"><?= $element->titolo; ?></p>
<p><?= $element->sottotitolo; ?></p>
</a>
<?php else: ?>
<p class="h5"><?= $element->titolo; ?></p>
<p><?= $element->sottotitolo; ?></p>
<?php endif; ?>
<?php if (!empty($element->descrizione)) : ?>
<?= $element->descrizione; ?>
<?php endif; ?>
</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>
<?php if (!empty($params['url_bottone'])): ?>
<div class="container">
<div class="row">
<div class="col-12 offset-lg-8 col-lg-4">
<a href="<?= $params['url_bottone'];?>" title="<?= Text::_('VEDITUTTI'); ?>" class="text-uppercase btn-sm btn btn-outline-primary">
<?= Text::_('VEDITUTTI'); ?>
<svg class="icon icon-sm d-inline-block">
<use xlink:href="<?= $baseImagePath ?>sprites.svg#it-arrow-right"></use>
</svg>
</a>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
<?php endif; ?>

View File

@ -30,7 +30,7 @@ $nelementi = 1;
<?php if (!empty($elements)) : ?>
<div class="container-lg my-0 my-lg-5">
<div class="gx-5 container-lg my-0 my-lg-5">
<?php foreach ($elements as $index => $element) : ?>
<div class="contatore">
<div class="wrap-contatore row justify-content-center py-3 py-lg-5">

View File

@ -11,11 +11,12 @@
defined('_JEXEC') or die;
use Pcrt\Module\Highlights\Site\Helper\HighlightsHelper;
use Joomla\CMS\Language\Text;
use Joomla\CMS\Uri\Uri;
$elements = HighlightsHelper::getList($params);
$baseImagePath = Uri::root(false) . "media/templates/site/joomla-italia-theme/images/";
//Come accedere alle variabili generali:
$opacita = $params->get('opacita', []);
$sfondo = $params->get('sfondo', []);
@ -25,34 +26,74 @@ $sfondo = $params->get('sfondo', []);
<?php if (!empty($elements)) : ?>
<div class="container-jit bg-rosso didattica">
<div class="container">
<div class="row m-0">
<!-- Macro a sinistra -->
<div class="col-lg-4 col-12 macro ps-3 pe-0">
<div class="nav nav-tabs nav-tabs-vertical nav-tabs-vertical-background" id="nav-vertical-tab-bg" role="tablist" aria-orientation="vertical">
<?php foreach ($elements as $index => $element) : ?>
<a title="<?php echo $element->titolo; ?>" class="nav-link <?php echo $index === 0 ? 'active' : ''; ?>" id="nav-vertical-tab-<?php echo $index; ?>-tab" data-bs-toggle="tab" href="#nav-vertical-tab-<?php echo $index; ?>" role="tab" aria-controls="nav-vertical-tab-<?php echo $index; ?>" aria-selected="<?php echo $index === 0 ? 'true' : 'false'; ?>">
<?php echo $element->titolo; ?>
</a>
<?php endforeach; ?>
<div class="d-none d-lg-block">
<div class="row m-0">
<div class="col-lg-4 col-12 macro ps-0 ps-lg-5 pe-0">
<div class="nav nav-tabs nav-tabs-vertical nav-tabs-vertical-background my-5 py-5" id="nav-vertical-tab-bg" role="tablist" aria-orientation="vertical">
<?php foreach ($elements as $index => $element) : ?>
<a title="<?= $element->titolo; ?>" class="nav-link <?= $index === 0 ? 'active' : ''; ?>" id="nav-vertical-tab-<?= $index; ?>-tab" data-bs-toggle="tab" href="#nav-vertical-tab-<?= $index; ?>" role="tab" aria-controls="nav-vertical-tab-<?= $index; ?>" aria-selected="<?= $index === 0 ? 'true' : 'false'; ?>">
<?= $element->titolo; ?>
</a>
<?php endforeach; ?>
</div>
</div>
</div>
<!-- Contenuto a destra -->
<div class="col-lg-8 col-12 py-4">
<div class="tab-content" id="nav-vertical-tab-bgContent">
<?php foreach ($elements as $index => $element) : ?>
<div class="tab-pane p-3 fade <?php echo $index === 0 ? 'active show' : ''; ?>" id="nav-vertical-tab-<?php echo $index; ?>" role="tabpanel" aria-labelledby="nav-vertical-tab-<?php echo $index; ?>-tab">
<div><?php echo $element->titolo; ?></div>
<div><?php echo $element->sottotitolo; ?></div>
<div><?php echo $element->descrizione; ?></div>
<div class="col-lg-8 col-12 py-4 rossofasce">
<div class="tab-content my-5 py-1" id="nav-vertical-tab-bgContent">
<?php foreach ($elements as $index => $element) : ?>
<div class="tab-pane p-3 fade <?= $index === 0 ? 'active show' : ''; ?>" id="nav-vertical-tab-<?= $index; ?>" role="tabpanel" aria-labelledby="nav-vertical-tab-<?= $index; ?>-tab">
<?php if (!empty($element->titolo)) : ?>
<p class="h2"><?= $element->titolo; ?></p>
<?php endif; ?>
<?php if (!empty($element->sottotitolo)) : ?>
<p class="h5"><?= $element->sottotitolo; ?></p>
<?php endif; ?>
<?php if (!empty($element->descrizione)) : ?>
<?= $element->descrizione; ?>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
<?php if (!empty($params['url_bottone'])): ?>
<div class="container">
<div class="row">
<div class="col-12 offset-lg-6 col-lg-4">
<a href="<?= $params['url_bottone'];?>" title="<?= Text::_('OFFERTADIDATTICA'); ?>" class="text-uppercase btn-sm btn btn-outline-white">
<?= Text::_('OFFERTADIDATTICA'); ?>
<svg class="icon icon-sm d-inline-block">
<use xlink:href="<?= $baseImagePath ?>sprites.svg#it-arrow-right"></use>
</svg>
</a>
</div>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
</div>
<?php if (!empty($params['url_bottone'])): ?>
<a href="<?= $params['url_bottone'];?>" title="Tutta l'offerta didattica">Tutta l'offerta didattica</a>
<?php endif; ?>
</div>
</div>
<div class="accordion d-lg-none py-5" id="didatticaaccordion">
<?php foreach ($elements as $index => $element) : ?>
<div class="accordion-item">
<h2 class="accordion-header" id="heading<?= $index; ?>">
<button class="px-0 h3 accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse<?= $index; ?>" aria-expanded="<?= $index === 0 ? 'true' : 'false'; ?>" aria-controls="collapse<?= $index; ?>">
<?= $element->titolo; ?>
<svg class="icon icon-sm d-inline-block">
<use xlink:href="<?= $baseImagePath ?>sprites.svg#it-collapse"></use>
</svg>
</button>
</h2>
<div id="collapse<?= $index; ?>" class="accordion-collapse collapse <?= $index === 0 ? 'show' : ''; ?>" data-bs-parent="#didatticaaccordion" role="region" aria-labelledby="heading<?= $index; ?>">
<div class="accordion-body px-0">
<?php if (!empty($element->sottotitolo)) : ?>
<p class="h5"><?= $element->sottotitolo; ?></p>
<?php endif; ?>
<?php if (!empty($element->descrizione)) : ?>
<?= $element->descrizione; ?>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
<?php endif; ?>

View File

@ -11,9 +11,12 @@
defined('_JEXEC') or die;
use Pcrt\Module\Highlights\Site\Helper\HighlightsHelper;
use Joomla\CMS\Language\Text;
use Joomla\CMS\Uri\Uri;
$elements = HighlightsHelper::getList($params);
$baseImagePath = Uri::root(false) . "media/templates/site/joomla-italia-theme/images/";
//Come accedere alle variabili generali:
$opacita = $params->get('opacita', []);
$sfondo = $params->get('sfondo', []);
@ -21,21 +24,31 @@ $sfondo = $params->get('sfondo', []);
?>
<?php if (!empty($elements)) : ?>
<div class="container py-5">
<div class="container my-5 py-5 hl-statico">
<div class="row">
<?php foreach ($elements as $index => $element) : ?>
<div class="col-4">
<img src="<?= $element->immagine_main; ?>" alt="<?= $element->titolo; ?>" class="img-fluid" />
<div class="col-12 col-xl-4 col-lg-6 mb-3">
<?php if (!empty($element->immagine_main)) : ?>
<img src="<?= $element->immagine_main; ?>" alt="<?= $element->titolo; ?>" class="img-fluid" />
<?php endif; ?>
</div>
<div class="col-4"><?= $element->descrizione; ?></div>
<div class="col-12 col-xl-4 col-lg-6"><?= $element->descrizione; ?></div>
<?php break; ?>
<?php endforeach; ?>
<div class="col-4">
<?php if (!empty($params['url_bottone'])): ?>
<a href="<?= $params['url_bottone'];?>" title="Vedi dettagli <?= $element->titolo; ?>">Vedi dettagli</a>
<?php endif; ?>
</div>
<?php if (!empty($params['url_bottone'])): ?>
<div class="container mt-3">
<div class="row">
<div class="col-12 offset-lg-8 col-lg-4">
<a href="<?= $params['url_bottone'];?>" title="<?= Text::_('VEDIDETTAGLI'); ?>" class="text-uppercase btn-sm btn btn-outline-primary">
<?= Text::_('VEDIDETTAGLI'); ?>
<svg class="icon icon-sm d-inline-block">
<use xlink:href="<?= $baseImagePath ?>sprites.svg#it-arrow-right"></use>
</svg>
</a>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
<?php endif; ?>