144 lines
		
	
	
		
			4.7 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
			
		
		
	
	
			144 lines
		
	
	
		
			4.7 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
| <?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\Helper\ModuleHelper;
 | |
| use Joomla\CMS\Language\Text;
 | |
| use Joomla\CMS\Factory;
 | |
| 
 | |
| $elements = HighlightsHelper::getList($params);
 | |
| 
 | |
| $tableField = explode(':', $params->get('field'));
 | |
| $table_name = !empty($tableField[0]) ? $tableField[0] : '';
 | |
| $field_name = !empty($tableField[1]) ? $tableField[1] : '';
 | |
| 
 | |
| //Come accedere alle variabili generali:
 | |
| $opacita = $params->get('opacita', []);
 | |
| $sfondo = $params->get('sfondo', []);
 | |
| 
 | |
| defined('_JEXEC') or die;
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| $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(".sliderfull'. $module->id . '", {
 | |
|       slidesPerView: "auto",
 | |
|       spaceBetween: 0,
 | |
|       loop: true,
 | |
|       pagination: {
 | |
|         el: ".swiper-pagination",
 | |
| 		clickable: true,
 | |
|       },
 | |
|       });
 | |
| });
 | |
| 
 | |
| ', [], ['type' => 'text/javascript']);
 | |
| 
 | |
| 
 | |
| ?>
 | |
| 
 | |
| <?php if (!empty($elements)) : ?>
 | |
| 	<div class="<?= $params->get('moduleclass_sfx') ?>">
 | |
| 		<div class="position-relative">
 | |
| 			<div class="swiper sliderfull 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 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>
 | |
| 												</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-2 order-1 p-0">
 | |
| 												<div class="image-container" style="background-image: url(<?= $element->immagine_main; ?>)"></div>
 | |
| 											</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>
 | |
| 										<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 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 ?>
 | |
| 								<div class="swiper-content <?= $element->classe; ?>">
 | |
| 									<div class="image-container" 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" />
 | |
| 													<?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>
 | |
| 								</div>
 | |
| 							<?php endif; ?>
 | |
| 						</div>
 | |
| 					<?php endforeach; ?>
 | |
| 				</div>
 | |
| 				<div class="swiper-pagination"></div>
 | |
| 			</div>
 | |
| 			
 | |
| 		</div>
 | |
| 	</div>
 | |
| <?php endif; ?>
 |