Автор Тема: Слайдер на главной странице, фон под блоком Swiper silder Block  (Прочитано 44 раз)

25 Июнь 2018, 15:51:27
  • Новичок
  • *
  • Сообщений: 27
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Вопрос по слайдеру на главной странице. Сделал слайд, но качественная картинка с товаром много весит, если их несколько то ппц. Хочу сделать фон для всех слайдов статичный а полупрозрачный png вставить в слайд. Как установить картинку бекграунд под слайдер. Вставка картинки в блоки Row и Col, а также блок самого слайдера не помогает. Получается белый фон а на нем полупрозрачный png листается.
25 Июнь 2018, 16:03:04
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 21410
  • Репутация: +25286/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
С таким методом общий вес будет еще больше.
Фон подставить можно через стили.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
25 Июнь 2018, 17:44:34
Ответ #2
  • Новичок
  • *
  • Сообщений: 27
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Через стили пробую, весь день ковыряю их, не доганяю где блокируется фон. Можете пальцем ткнуть, куда копать?
25 Июнь 2018, 19:43:06
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 15039
  • Репутация: +14588/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Файл стилей /themes/classic/assets/css/theme.css
.carousel-inner > .carousel-item {

}
25 Июнь 2018, 20:15:06
Ответ #4
  • Новичок
  • *
  • Сообщений: 27
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
.carousel-inner > .carousel-item {
    position: relative;
    display: none;
    background-color: red;
    transition: .6s ease-in-out left
    }
Так? Не помогает(
26 Июнь 2018, 10:24:52
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 21410
  • Репутация: +25286/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
Чтобы сделать так как вы задумали (хотя так делать не нужно), нужно не картиникам полупрозрачный фон создавать.
Задаете фон блока слайдера, добавляете свойство z-index. Слайды делаете на прозрачном фоне. Для элементов списка тоже задаете z-index.
Работы много, работа бесполезная. Проще сразу делать картинку с прозрачностью.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
26 Июнь 2018, 10:29:20
Ответ #6
  • Новичок
  • *
  • Сообщений: 27
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля