Subida del módulo y tema de PrestaShop

themes/hummingbird/modules/ps_imageslider/js/homeslider.js

@@ -0,0 +1 @@
+/* homeslider.js */

themes/hummingbird/modules/ps_imageslider/js/responsiveslides.min.js

@@ -0,0 +1 @@
+/* responsiveslides.min.js */

themes/hummingbird/modules/ps_imageslider/views/templates/hook/slider.tpl

@@ -0,0 +1,56 @@
+{**
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ *}
+
+{if $homeslider.slides}
+  <section class="ps-imageslider">
+    <div
+      id="ps_imageslider"
+      class="carousel slide"
+      {if $homeslider.speed > 0}data-bs-ride="carousel"{/if}
+      {if $homeslider.pause !== "hover"}data-bs-pause="false"{/if}
+      {if $homeslider.wrap === "false"}data-bs-wrap="false"{/if}
+    >
+      <div class="carousel-indicators">
+        {foreach from=$homeslider.slides item=slide name='homeslider'}
+          <button
+            type="button"
+            data-bs-target="#ps_imageslider"
+            data-bs-slide-to="{$slide@index}"
+            aria-label="{l s='Go to slide %slide_index%' sprintf=['%slide_index%'=> $slide@iteration] d='Shop.Theme.Global'}"
+            class="outline {if $slide@first}active{/if}"
+            {if $slide@first}aria-current="true"{/if}
+          ></button>
+        {/foreach}
+      </div>
+
+      <div class="carousel-inner" role="list" aria-label="{l s='Carousel container' d='Shop.Theme.Global'}">
+        {foreach from=$homeslider.slides item=slide name='homeslider'}
+          <div class="carousel-item{if $slide@first} active{/if}" role="listitem"{if $homeslider.speed > 0} data-bs-interval="{$homeslider.speed}"{/if}>
+            {if !empty($slide.url)}<a class="ps-imageslider__link outline d-block h-100 text-body" href="{$slide.url}">{/if}
+              <figure class="ps-imageslider__figure">
+                <img class="w-100" src="{$slide.image_url}" alt="{$slide.legend|escape}" {if $slide@first}fetchpriority="high"{else}loading="lazy"{/if} width="{$slide.sizes[0]}" height="{$slide.sizes[1]}">
+
+                {if $slide.title || $slide.description}
+                  <figcaption class="ps-imageslider__figcaption carousel-caption d-none d-lg-block fs-5">
+                    {if $slide.title}<h2 class="h1 text-uppercase">{$slide.title}</h2>{/if}
+                    {if $slide.description}<div>{$slide.description nofilter}</div>{/if}
+                  </figcaption>
+                {/if}
+              </figure>
+            {if !empty($slide.url)}</a>{/if}
+          </div>
+        {/foreach}
+      </div>
+
+      <button class="carousel-control-prev outline outline--rounded" type="button" data-bs-target="#ps_imageslider" data-bs-slide="prev" aria-label="{l s='Previous' d='Shop.Theme.Actions'}">
+        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+      </button>
+
+      <button class="carousel-control-next outline outline--rounded" type="button" data-bs-target="#ps_imageslider" data-bs-slide="next" aria-label="{l s='Next' d='Shop.Theme.Actions'}">
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+      </button>
+    </div>
+  </section>
+{/if}