Как добавить слайдер

Когда верстаешь портфолио или продуктовую страницу, рано или поздно приходишь к слайдеру — нескольким изображениям, которые листаются по очереди. Это стандартный элемент для галерей, кейсов и обзоров продукта. Кажется, это должно быть просто, но сразу начинают возникать вопросы: какой виджет брать? Почему картинки накладываются друг на друга, а не переключаются? Как сделать навигационные стрелки в своём стиле, а не те, что стоят по умолчанию? Большинство конструкторов либо дают готовый слайдер без гибкости, либо не объясняют механику. В итоге тратишь время на попытки, которые ни к чему не приводят, или смотришь на кривой результат и не понимаешь что не так. В Taptop слайдер строится на виджете блок-лист: включаешь режим слайдера в настройках, ограничиваешь показ одним элементом через дополнительные стили — и карусель работает. Стрелки навигации стилизуются через класс controls: задаёшь фиксированный размер, выравниваешь иконку через Flex, подставляешь свою вместо стандартной. Один класс применяется к обеим стрелкам сразу — единообразие без дублирования стилей. После урока у тебя есть слайдер, который вписывается в любой дизайн и не требует ни строчки кода.