Как сделать превью карточки товара с выводом?
fotorama.io
если без плагинов:
создаёшь 1 большой блок где будет большая картинка с классом 'big-img'
снизу 5 ссылок - в ссылках с классом 'btn' пишешь аттрибут data-img="путь/*.jpg"
jquery:$('.btn').click(function(){
		$('.btn').removeClass('active');
		$(this).addClass('active');
		$('.big-img').attr('src', $(this).data('img'));
	});
обычный сладер с thumbnail же
можешь еще убрать листание если не нужно
a выбор цвета если такж нужно - то настроить через коллбек функции того же слайдера чтобы переходил на нужный слайд
используй к примеру kenwheeler.github.io/slick а именно Slider Syncing