Добрый день. Вопрос к профи. На стандартной теме опенкарт 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. Я не программист, я дизайнер и художник, но, как говорится: "жизнь заставит". Пытаюсь сделать свой сайт сама... пока очень медленно и тяжело(