fix stili home page

This commit is contained in:
2025-01-06 00:44:44 +01:00
parent 9145bcec43
commit 831a742105
12 changed files with 848 additions and 105 deletions

View File

@ -72,9 +72,13 @@ var swiper = new Swiper(".carosello'. $module->id . '", {
<?php //var_dump($module); ?>
<?php if (!empty($elements)) : ?>
<div class="container-jit <?= !empty($classemodulo) ? $classemodulo : 'bg-grigio'; ?>">
<?= $module->title; ?>
<?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>
<div class="container-jit">
<div class="swiper carosello<?= $module->id; ?>">
<div class="swiper-wrapper">
<?php foreach ($elements as $index => $element) : ?>
@ -98,4 +102,5 @@ var swiper = new Swiper(".carosello'. $module->id . '", {
</div>
</div>
</div>
</div>
<?php endif; ?>

View File

@ -24,36 +24,40 @@ $opacita = $params->get('opacita', []);
$sfondo = $params->get('sfondo', []);
$baseImagePath = Uri::root(false) . "media/templates/site/joomla-italia-theme/images/";
$nelementi = 1;
?>
<?php if (!empty($elements)) : ?>
<div class="container-xl">
<div class="container-lg my-0 my-lg-5">
<?php foreach ($elements as $index => $element) : ?>
<div class="contatore">
<div class="row justify-content-center">
<div class="col-12 col-lg-5 order-2 order-lg-1">
<?php if (!empty($element->titolo)) : ?>
<div class="h2"><?= $element->titolo; ?></div>
<?php endif; ?>
<?php if (!empty($element->sottotitolo)) : ?>
<p class="sottotitolo"><?= $element->sottotitolo; ?></p>
<?php endif; ?>
<?php if (!empty($element->descrizione)) : ?>
<p><?= $element->descrizione; ?></p>
<?php endif; ?>
<?php if (!empty($element->link_pulsante)) : ?>
<a href="<?= $element->link_pulsante; ?>" class="text-uppercase btn btn-primary" title="<?= $element->testo_pulsante; ?>">
<?= $element->testo_pulsante; ?>
<svg class="icon icon-sm d-inline-block">
<use xlink:href="<?= $baseImagePath ?>sprites.svg#it-arrow-right"></use>
</svg>
</a>
<?php endif; ?>
<div class="wrap-contatore row justify-content-center py-3 py-lg-5">
<div class="col-12 col-lg-6 order-2 order-lg-1">
<div class="wrap-contatore">
<?php if (!empty($element->titolo)) : ?>
<div class="h2"><?= $element->titolo; ?></div>
<?php endif; ?>
<?php if (!empty($element->sottotitolo)) : ?>
<p class="sottotitolo"><?= $element->sottotitolo; ?></p>
<?php endif; ?>
<?php if (!empty($element->descrizione)) : ?>
<p><?= $element->descrizione; ?></p>
<?php endif; ?>
<?php if (!empty($element->link_pulsante)) : ?>
<a href="<?= $element->link_pulsante; ?>" class="mb-3 text-uppercase btn btn-primary" title="<?= $element->testo_pulsante; ?>">
<?= $element->testo_pulsante; ?>
<svg class="icon icon-sm d-inline-block">
<use xlink:href="<?= $baseImagePath ?>sprites.svg#it-arrow-right"></use>
</svg>
</a>
<?php endif; ?>
</div>
</div>
<div class="col-12 col-lg-5 order-1 order-lg-2">
<div class="countdown"></div>
<div class="col-12 col-lg-6 order-1 order-lg-2">
<div class="countdown<?= $nelementi; ?>"></div>
</div>
</div>
</div>
@ -153,12 +157,12 @@ $baseImagePath = Uri::root(false) . "media/templates/site/joomla-italia-theme/im
var c = new Clock(deadline, function() { alert('countdown complete'); });
// Aggiungi il contatore al div con classe countdown
var countdownDiv = document.querySelector('.countdown');
var countdownDiv = document.querySelector('.countdown<?= $nelementi; ?>');
if (countdownDiv) {
countdownDiv.appendChild(c.el);
}
</script>
<?php $nelementi++;?>
<?php endforeach; ?>
</div>
<?php endif; ?>