Newer
Older
<div class="quiqqer-bricks-promoslider-wallpaper-container">
{strip}
<ul class="hide-on-mobile">
{foreach $desktopSlides as $key => $slide}
<li data-image="{image image=$slide.image onlysrc=1}" data-href="{$slide.url}">
<div class="quiqqer-bricks-promoslider-wallpaper-image" style="display: none"> </div>
<div class="grid-container">
<div class="quiqqer-bricks-promoslider-wallpaper2Content-left">
{if isset($slide.left)}
{$slide.left}
{/if}
</div>
<div class="quiqqer-bricks-promoslider-wallpaper2Content-right">
{if isset($slide.right)}
{$slide.right}
{/if}
</div>
</div>
</li>
{/foreach}
</ul>
{/strip}
{strip}
<ul class="hide-on-desktop">
{foreach $mobileSlides as $key => $slide}
<li data-image="{image image=$slide.image onlysrc=1}" data-href="{$slide.url}">
<div class="quiqqer-bricks-promoslider-wallpaper-image" style="display: none"> </div>
<div class="grid-container">
<div class="quiqqer-bricks-promoslider-wallpaper2Content-left">
{if isset($slide.left)}
{$slide.left}
{/if}
</div>
<div class="quiqqer-bricks-promoslider-wallpaper2Content-right">
{if isset($slide.right)}
{$slide.right}
{/if}
</div>
</div>
</li>
{/foreach}
</ul>
{/strip}
</div>
<div class="quiqqer-bricks-promoslider-wallpaper-dots"></div>
{if count($desktopSlides) > 1 && $this->getAttribute('showarrows')}
<div class="quiqqer-bricks-promoslider-wallpaper-prev hide-on-mobile">
<span class="fa fa-chevron-left"></span>
</div>
<div class="quiqqer-bricks-promoslider-wallpaper-next hide-on-mobile">
<span class="fa fa-chevron-right"></span>
</div>
{/if}