home page pixel perfect

This commit is contained in:
2025-01-06 13:01:15 +01:00
parent 289c8e7ef6
commit b300cf2d54
11 changed files with 487 additions and 46 deletions

View File

@ -41,8 +41,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,13 +74,17 @@ var swiper = new Swiper(".carosello'. $module->id . '", {
?>
<?php if ((bool) $module->showtitle) : ?>
<div class="pt-5 bg-rosso">
<div class="titolo-linea pb-4">
<div class="ps-5 ps-lg-3 container position-relative"><span class="h2"><?= $module->title; ?></span></div>
<div class="pt-5 pb-4 bg-rosso">
<div class="titolo-linea ">
<div class="pt-2 pt-lg-0 ps-4 ps-lg-3 container position-relative bg-rosso"><span class="h2"><?= $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>
<?php endif; ?>
<div class="container-jit <?= !empty($classemodulo) ? $classemodulo : 'bg-rosso'; ?>">
<div class="pb-5 container-jit <?= !empty($classemodulo) ? $classemodulo : 'bg-rosso'; ?>">
<div class="swiper carosello<?= $module->id; ?>">
<div class="swiper-wrapper">
<?php foreach ($items as $item) : ?>
@ -95,14 +99,35 @@ var swiper = new Swiper(".carosello'. $module->id . '", {
<?php endif; ?>
</a>
</figure>
<?php if ($item->displayDate) : ?>
<span class="mod-articles-category-date"><?php echo $item->displayDate; ?></span>
<?php endif; ?>
<a href="<?php echo $item->link; ?>" class="" data-focus-mouse="false">
<p class="mb-0 lh100">
<strong><?php echo $item->title; ?></strong>
</p>
<p class="mb-0 h5"><?php echo $item->title; ?></p>
<?php if ($params->get('show_introtext')) : ?>
<small><?php echo $item->displayIntrotext; ?></small>
<?php endif; ?>
</a>
<?php if ($params->get('show_readmore')) : ?>
<p class="mod-articles-category-readmore mt-3">
<a class="mod-articles-category-title <?php echo $item->active; ?>" href="<?php echo $item->link; ?>">
<?php if ($item->params->get('access-view') == false) : ?>
<?php echo Text::_('MOD_ARTICLES_CATEGORY_REGISTER_TO_READ_MORE'); ?>
<?php elseif ($item->alternative_readmore) : ?>
<?php echo $item->alternative_readmore; ?>
<?php echo HTMLHelper::_('string.truncate', $item->title, $params->get('readmore_limit')); ?>
<?php if ($params->get('show_readmore_title', 0)) : ?>
<?php echo HTMLHelper::_('string.truncate', $item->title, $params->get('readmore_limit')); ?>
<?php endif; ?>
<?php elseif ($params->get('show_readmore_title', 0)) : ?>
<?php echo Text::_('MOD_ARTICLES_CATEGORY_READ_MORE'); ?>
<?php echo HTMLHelper::_('string.truncate', $item->title, $params->get('readmore_limit')); ?>
<?php else : ?>
<?php echo Text::_('MOD_ARTICLES_CATEGORY_READ_MORE_TITLE'); ?>
<?php endif; ?>
</a>
</p>
<?php endif; ?>
</div>
</div>
<?php endforeach; ?>

View File

@ -75,13 +75,15 @@ 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-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>
<?php if ((bool) $module->showtitle) : ?>
<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>
<?php endif; ?>
<div class="container-jit">
<div class="swiper carosello<?= $module->id; ?>">
<div class="swiper-wrapper">

View File

@ -36,9 +36,9 @@ var swiper = new Swiper(".carosello'. $module->id . '", {
slidesPerView: 1,
spaceBetween: 10,
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
pagination: {
el: ".swiper-pagination.pti'. $module->id . '",
clickable: true,
},
breakpoints: {
@ -77,26 +77,29 @@ var swiper = new Swiper(".carosello'. $module->id . '", {
<?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 class="py-5 bg-grigio slidebanner">
<?php if ((bool) $module->showtitle) : ?>
<div class="titolo-linea mb-4">
<div class="ps-0 ps-lg-3 container bg-grigio position-relative"><span class="h2"><?= $module->title; ?></span></div>
</div>
<?php endif; ?>
<div class="container-jit <?= !empty($classemodulo) ? $classemodulo : 'bg-grigio'; ?>">
<div class="container">
<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>
</div>
</div>
</div>
</div>
<div class="swiper-pagination pti<?=$module->id;?> "></div>
</div>
<?php endif; ?>

View File

@ -24,7 +24,7 @@ $sfondo = $params->get('sfondo', []);
?>
<?php if (!empty($elements)) : ?>
<div class="container my-5 py-5 hl-statico">
<div class="container my-lg-5 py-5 hl-statico">
<div class="row">
<?php foreach ($elements as $index => $element) : ?>
<div class="col-12 col-xl-4 col-lg-6 mb-3">