Пошук по сайту

Добрый день. Вопрос к профи. На стандартной теме опенкарт 3 в баннере на главной – лежат картинки. Управляем ими свайпер и скрипты опен карта. Со свайпером я знакома, а вот с опенкартом нет( Мне нужно заменить каждое изображение слайдера для мобильной версии, даже наверное начиная от ширины @media (max-width: 480px) мне уже нужны другие изображения. Подскажите, как правильнее реализовать. Я делала ручками так: клала в див слайдера 2 картинки и скрывала их в зависимости от ширины экрана. (на своем собранном сайте) Здесь другой код в твиге: <div class="swiper-slide">{% if banner.link %}<a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" /></a>{% else %}<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" />{% endif %}</div> {% endfor %}</div> Никак не разберу как реализовать. положила так же в див свои слайдеры (для мобильных) не отображаются. В классах скрыла .swiper-slide a img {display: none}, первый слайд скрылся, а второй нет. Высота тоже не меняется, может дело в ней.... Помогите кто-нибудь, может кто-то знает. Сайт у меня пока на локалке. P.S. Я не программист, я дизайнер и художник, но, как говорится: "жизнь заставит". Пытаюсь сделать свой сайт сама... пока очень медленно и тяжело(

Друзья, прочел тему НО.... каменный цветок не вышел. Вставляю transitionStyle : "fade" в файл /catalog/view/theme/default/template/extension/module/slideshow.tpl и шапка на главной после первой пагинации перестает работать Стоит шаблон basecart - возможно еще один файл не оприходован для изменений? но какой? Спасибо, заранее, может быть кто-то сталкивался.