Может быть, стоит задать картинку фоном, а текст ограничить по ширине? Если подойдет такой вариант, то слайдер можно брать любой готовый - slick, owl carousel 2 и др
Nikita-Fast, текст слайда нельзя выделить (и вообще как-либо взаимодействовать с элементами слайда), по макету там еще и кнопка должна быть, а в таком случае на нее не нажать
Nikita-Fast, а возможно ли тогда сделать это так, чтобы и стрелочки навигации работали, и интерактивное поведение слайдов оставалось? Как решение вижу добавить блок со стрелочками в каждый слайд, но тогда они листаются вместе со слайдом и это не очень красиво
Nikita-Fast, так ведь я задаю для контейнера с кнопками z-index:3, а для контейнера с текстом z-index:4, почему в таком случае контейнер с текстом получается ниже контейнера с навигацией?
NikiWeb, по клику на кнопку с помощью .closest() или .siblings() находим элемент с названием товара, на кнопку которого нажали, затем присваиваем название товара скрытому инпуту формы по айдишнику или куда-нибудь ещё, по ситуации
На JS обрабатывать клик на кнопку, получать необходимое значение из карточки, на кнопку которой кликнули и подставлять куда нужно в форму. На jQuery в 3 строки делается