Как добавить листалку в галерею товара woocommerce

// carousel
add_filter( 'woocommerce_single_product_carousel_options', 'seomur_product_gallery_arrows' );
function seomur_product_gallery_arrows( $options ) {
	$options[ 'directionNav' ] = true;
	$options[ 'smoothHeight' ] = false;
	$options[ 'controlNav' ] = 'thumbnails'; // false если не нужны миниатюры
	$options[ 'prevText' ] = '←';
	$options[ 'nextText' ] = '→';
	// все параметры тут https://gist.github.com/warrendholmes/9481310#file-flexslider-options
return $options;
}
// убираем зум
add_action('after_setup_theme', 'remove_zoom_theme_support', 100);
function remove_zoom_theme_support() {
remove_theme_support('wc-product-gallery-zoom');
}

И добавляем стили к нашим стрелкам

/* slider */
.flex-nav-next {
	right: 20px;
    left: auto;
	padding: 0px 10px 5px 10px;
}
.flex-nav-next:hover, .flex-nav-prev:hover {
	transform: scale(1.2);
}
.flex-nav-prev {
	left: 20px;
    right: auto;
	padding: 0px 10px 5px 10px;
}
.flex-nav-next, .flex-nav-prev {
	transition: .3s opacity;
    position: absolute;
    top: 50%;
    z-index: 9999;
    margin-top: -20px;
    color: #fff;
    font-size: 24px;
    display: block;
    cursor: pointer;
	background: #000;
    border-radius: 8px;
	transition: 300ms all cubic-bezier(.4,0,.2,1);
}

@seomur

Помощь и консультации по wordpress, woocommerce и ускорению сайта - https://t.me/seomur