Localhost

Bitrix MODX OpenCart

сделать просто название кнопок как хотите пол - м ж, а в ссылку сделаете ссылку по фильтру пол м или ж

многие сервисы используют амазон

барахолки, их там очень много

Например поиск ВК
Барахолки телефонов

в этом редактор есть есть вид html, там найдите кусок с видео и удалите widht и height параметры, потом сохраните страницу

$(document).ready(function() {  
$('.block-video li a').on('click', function(){ 
$('video iframe').attr('src', $(this).attr('href'));
});
});

только надо добавить

<a href="Ссылку на видео">
<div class="preview">

могут быть ошибки, на скорую руку

www.starplugins.com/cloudzoom

часто встречал реализацию такого слайдера и анимации в Riveslider.
А сам бы сделал на Owl Carousel, стрелкам бы задал позиции и анимацию прописал бы по клику.

Вопрос решен, нашел проблему в переменных другого скрипта.

может поможет

zoom: 15,
controls: ["zoomControl", "fullscreenControl"]

position: fixed; - фиксирует текст и при прокрутки текст будет зафиксирован.

position: relative; задайте.
и для текста display: block;

Например так

<div class="filter">
<a>Текст</a>
<a>Текст 2</a>
</div>

<style>
.filter{
position: relative;
}
.filter a{
 display: block;
}
</style>

Owl Carousel
+ сохранить картинки под таким наклоном.

или делать в css transform

autoplay:true,
autoplayTimeout:3000,
autoplayHoverPause:true,

animateOut: 'slideOutDown',
    animateIn: 'flipInX',

Owl Carousel