Баннеры для мобильной версии

Здравствуйте, Ильдар! 

Сначала я хотел вам ответить, что решения нет. 
Но решил сразу не отвечать. А потом пришла мысль – разбить промо-карточки для ПК и мобильных по количеству. 

Что мы имеем: на вашем сайте 5 промо-карточек с слайдере. Под слайдером промо-карточек нет. (Это хорошо).

Работаем в файле home.slider.html (Тема Магазина).
Для начала нужно увеличить ограничение по кол-ву промо-карточек.
Найдите строку:

{if $promo@iteration <= $promo_offset}

И замените на 

{if $promo@iteration <= ($promo_offset*2)}

Теперь нужно первую пятёрку карточек показать на ПК, а вторую пятёрку карточек на мобильных.
Затем найдите код ниже:

<li data-count="{$count++}">
    <a href="{$promo.link|escape}"{if !empty($theme_settings.slider_promo_blank)} target="_blank"{/if}>
        <img {if $promo@iteration !== 1}src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-{/if}src="{$promo.image}" class="lazyload" alt="{if !empty($promo.title)}{$promo.title}{/if}" />
    </a>
</li>

И замените его на:

{if ($promo@iteration <= $promo_offset) && !$wa->isMobile()}
    <li data-count="{$count++}">
	<a href="{$promo.link|escape}"{if !empty($theme_settings.slider_promo_blank)} target="_blank"{/if}>
       	    <img src="{$promo.image}" class="lazyload" alt="{if !empty($promo.title)}{$promo.title}{/if}" />
	</a>
    </li>
{elseif ($promo@iteration > $promo_offset) && $wa->isMobile()}
    <li data-count="{$count++}">
	<a href="{$promo.link|escape}"{if !empty($theme_settings.slider_promo_blank)} target="_blank"{/if}>
	    <img src="{$promo.image}" class="lazyload" alt="{if !empty($promo.title)}{$promo.title}{/if}" />
	</a>
    </li>
{/if}

"Трюк" не будет заметен при сужении экрана на ПК.
Эффект будет виден только на экране настоящего смартфона.