Hejo,
mam sobie widok kategorii z listą produktów.
Dla mobilek pobieram wszystkie zdjęcia danego produktu i można je w widoku kategorii przewijać w lewo i prawo.
Na desktopach i tabletach wyświetlam już tylko 1 zdjęcie główne produktu i wyłączam to przewijanie.
Z tym, że na razie zawsze pobieram wszystkie zdjęcia i tylko ukrywam je w CSS, co jest mega słabym rozwiązaniem
Pytanie jak taki poniższy kawałem .tpl wykonywać tylko dla danej rozdzielczości (raczej rozdzielczość jest tym wyznacznikiem, nie user agent czy coś).
<a class="product_img_link product-category-car visible-xss-inline hidden-sm hidden-md hidden-lg" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url"> {assign var='productImgs' value=Product::getProductImages($product.id_product)} {foreach from=$productImgs item=productImg name=productImgs} <div><img src="{$link->getImageLink($product.link_rewrite, $productImg.id_image, 'home_default')}" /></div> {/foreach} </a>