Слайдер на главной странице, фон под блоком Swiper silder Block

[last_sip]

Вопрос по слайдеру на главной странице. Сделал слайд, но качественная картинка с товаром много весит, если их несколько то ппц. Хочу сделать фон для всех слайдов статичный а полупрозрачный png вставить в слайд. Как установить картинку бекграунд под слайдер. Вставка картинки в блоки Row и Col, а также блок самого слайдера не помогает. Получается белый фон а на нем полупрозрачный png листается.

[PrestaMan]

С таким методом общий вес будет еще больше.
Фон подставить можно через стили.

[last_sip]

Через стили пробую, весь день ковыряю их, не доганяю где блокируется фон. Можете пальцем ткнуть, куда копать?

[Adik]

Файл стилей /themes/classic/assets/css/theme.css

Код: [Выделить]

.carousel-inner > .carousel-item {

}

[last_sip]

.carousel-inner > .carousel-item {
    position: relative;
    display: none;
    background-color: red;
    transition: .6s ease-in-out left
    }
Так? Не помогает(

[PrestaMan]

Чтобы сделать так как вы задумали (хотя так делать не нужно), нужно не картиникам полупрозрачный фон создавать.
Задаете фон блока слайдера, добавляете свойство z-index. Слайды делаете на прозрачном фоне. Для элементов списка тоже задаете z-index.
Работы много, работа бесполезная. Проще сразу делать картинку с прозрачностью.

[last_sip]

Спасибо.