ottimizzati i colori custom dello slider
This commit is contained in:
@ -51,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">
|
||||
@ -61,10 +61,30 @@ var swiper = new Swiper(".sliderfull'. $module->id . '", {
|
||||
<div class="swiper-slide">
|
||||
<?php // Layout 50% testo e 50% foto ?>
|
||||
<?php if ($element->classe == 'larghezza50') : ?>
|
||||
<div class="swiper-content <?= $element->classe; ?>">
|
||||
<div class="swiper-content <?= $element->classe; ?>"
|
||||
<?php if ($element->colore_sfondo == '00000') : ?>
|
||||
>
|
||||
<?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; ?>;"></div>
|
||||
<?php endif; ?>
|
||||
<div class="wrap-slide">
|
||||
<div class="container-lg px-0">
|
||||
<div class="caption-slide">
|
||||
<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; ?>;"></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; ?>;"></div>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
|
||||
|
||||
<?php if (!empty($element->immagine_secondaria)) : ?>
|
||||
<?php if (!empty($element->link_pdf)) : ?>
|
||||
@ -91,7 +111,15 @@ var swiper = new Swiper(".sliderfull'. $module->id . '", {
|
||||
</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>
|
||||
<a href="<?= $element->link_pulsante; ?>"
|
||||
class="btn btn-slide"
|
||||
title="<?= $element->testo_pulsante; ?>"
|
||||
<?php if (($element->colore_testo_bottone != '00000') || ($element->colore_sfondo_bottone != '00000')) : ?>
|
||||
style="<?php echo ($element->colore_testo_bottone != '00000' ? 'color:' . $element->colore_testo_bottone . '; ' : '') . ($element->colore_sfondo_bottone != '00000' ? 'background:' . $element->colore_sfondo_bottone . ';' : ''); ?>"
|
||||
<?php endif; ?>
|
||||
>
|
||||
<?= $element->testo_pulsante; ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
@ -106,14 +134,27 @@ var swiper = new Swiper(".sliderfull'. $module->id . '", {
|
||||
</div>
|
||||
</div>
|
||||
<?php // Layout 100% foto ?>
|
||||
<?php elseif ($element->classe == 'larghezza100') : ?>
|
||||
<div class="swiper-content <?= $element->classe; ?>">
|
||||
<?php elseif ($element->classe == 'larghezza100') : ?>
|
||||
<?php if ($element->colore_sfondo != '00000') : ?>
|
||||
<style>
|
||||
.swiper-content.larghezza100.custom100slide::after{
|
||||
background: <?= $element->colore_sfondo; ?>;
|
||||
<?= !empty($element->opacita) ? 'opacity: ' . $element->opacita . ';' : ''; ?>
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.swiper-content.larghezza100 .wrap-slide .caption-slide{
|
||||
background: <?= $element->colore_sfondo; ?>;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<?php endif; ?>
|
||||
<div class="swiper-content <?= $element->classe; ?> <?= $element->colore_sfondo != '00000' ? 'custom100slide' : ''; ?>">
|
||||
<?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="wrap-slide">
|
||||
<div class="container-lg px-0">
|
||||
<div class="caption-slide">
|
||||
<div class="caption-slide" <?= $element->colore_testo != '00000' ? 'style="color: ' . $element->colore_testo . ';"' : ''; ?>>
|
||||
|
||||
<?php if (!empty($element->immagine_secondaria)) : ?>
|
||||
<?php if (!empty($element->link_pdf)) : ?>
|
||||
@ -135,14 +176,22 @@ var swiper = new Swiper(".sliderfull'. $module->id . '", {
|
||||
</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>
|
||||
<a href="<?= $element->link_pulsante; ?>"
|
||||
class="btn btn-slide"
|
||||
title="<?= $element->testo_pulsante; ?>"
|
||||
<?php if (($element->colore_testo_bottone != '00000') || ($element->colore_sfondo_bottone != '00000')) : ?>
|
||||
style="<?php echo ($element->colore_testo_bottone != '00000' ? 'color:' . $element->colore_testo_bottone . '; ' : '') . ($element->colore_sfondo_bottone != '00000' ? 'background:' . $element->colore_sfondo_bottone . ';' : ''); ?>"
|
||||
<?php endif; ?>
|
||||
>
|
||||
<?= $element->testo_pulsante; ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<?php // Layout 100% foto testo boxed style="background:transparent; color:<?= $element->colore_testo; ?>; position:relative;" ?>
|
||||
<?php // Layout 100% foto testo boxed ?>
|
||||
<div class="swiper-content <?= $element->classe; ?>">
|
||||
<div class="image-container" <?= !empty($element->immagine_main) ? 'style="background-image: url(' . $element->immagine_main . ')"' : ''; ?>>
|
||||
<div class="wrap-slide">
|
||||
@ -180,7 +229,15 @@ var swiper = new Swiper(".sliderfull'. $module->id . '", {
|
||||
</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>
|
||||
<a href="<?= $element->link_pulsante; ?>"
|
||||
class="btn btn-slide"
|
||||
title="<?= $element->testo_pulsante; ?>"
|
||||
<?php if (($element->colore_testo_bottone != '00000') || ($element->colore_sfondo_bottone != '00000')) : ?>
|
||||
style="<?php echo ($element->colore_testo_bottone != '00000' ? 'color:' . $element->colore_testo_bottone . '; ' : '') . ($element->colore_sfondo_bottone != '00000' ? 'background:' . $element->colore_sfondo_bottone . ';' : ''); ?>"
|
||||
<?php endif; ?>
|
||||
>
|
||||
<?= $element->testo_pulsante; ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user