printbar.az - доработка слайдера OpenCart 3
Починка вёрстки и скриптов модуля слайдера под кастомную тему
На printbar.az модуль слайдера 2OC ломал вёрстку из-за переопределённого Bootstrap и более новых скриптов темы. Разобрал конфликт CSS/JS, поправил стили под шаблон и вернул рабочее переключение сетки и стрелок.
Задача
Слетела вёрстка модуля слайдера. Модуль куплен у 2OC, автор не делал доработку под шаблон и советовал только адаптировать стили под переопределённый Bootstrap. На практике ломались и стили, и скрипты: тема использовала более новые версии, которые перебивали модуль.
Что сделано
- Разбор конфликта стилей слайдера с Bootstrap и CSS темы
- Поиск и устранение конфликтов JavaScript модуля и темы
- Адаптация стрелок слайдера: белые на красном полупрозрачном фоне в стиле шаблона
- Исправление стилей режима сетки и проверка переключения
- Проверка карусели товаров на витрине после правок
Подробнее о проекте
Витрина PrintBar
printbar.az - магазин печати на одежде на OpenCart 3 с кастомной темой. Купленный слайдер рассчитан на стоковый стек, а тема тянет более новые стили и скрипты - из-за этого модуль «плыл» на витрине.
Сломанная вёрстка каталога
На каталоге из-за конфликта появлялись лишние элементы и горизонтальный скролл. Пришлось не только подкрутить CSS, но и разобрать скрипты модуля: без этого правка стилей не держалась.
Слайдер в стиле шаблона
Стрелки сделал белыми на красном полупрозрачном фоне, как в дизайне PrintBar. Режим сетки тоже поправил - переключение снова работает без поломок раскладки.
Результат
- Слайдер корректно работает в кастомной теме OpenCart 3
- Убраны конфликты стилей и скриптов с Bootstrap темы
- Стрелки и сетка выглядят единообразно с магазином
У вас похожая задача?
Опишите задачу - разберу и скажу, как лучше решить и сколько это займёт.
Алексей - отвечу в течение часа