WordPress: слайдер, запускающий Silder и список продуктов

Пожалуйста, взгляните на сайт http://firehouse.studio/2MomsF/

Это в настоящее время в процессе. Вы можете видеть, что ползунок заголовка управляется с помощью «Cookies, Cakes and Casseroles». Аналогично, список категорий обрабатывается прямо под заголовком с помощью другого набора навигации, то есть «Кексы и запеканки».

Буду признателен, если вы поможете удалить меню под ползунком и поменять слайдер и продукты из навигации по ползунку «Cookies, Cakes and Casseroles».

Ценю твою помощь.

Слайдер заголовка сделан с использованием Owl Carousel 2. Так как в нем много кода, я просто вставлю код, которым я смог присвоить название каждому слайду, и заставить его работать по щелчку.

    var main = $( '.main-slider' ).owlCarousel({
loop:true,
margin:0,
dots:true,
nav: true,
navText: ['',''],
items:1,
navSpeed: 500,
dotsSpeed: 500,
autoplay: false,
autoplaySpeed: 5000,
autoplayTimeout: 10000,
autoplayHoverPause: false
});
setTimeout( function(){
main.css('opacity',1);
}, 100 );

var dotsCount = $('.main-slider .owl-dot').length;

var dotsW = 78*dotsCount;
var i = 1;

/*Maddy Wrote this Code - 12/09/2017*/
var slidercaption=[];
slidercaption[1]="Cookies";
slidercaption[2]="Cakes";
slidercaption[3]="Casseroles";
/*Written Code Ends*/

$( '.main-slider .owl-dot' ).each( function(){
//$( this ).text( '0'+i++ );
$( this ).text( slidercaption[i++] );
//$( this ).text( 'Cookies' + ' ' + 'Cakes' + ' ' + 'Casseroles' + ' ' );

}

Что касается кода, который отображает продукты в соответствии с категорией, здесь приведен код ниже:

{

            <div class="cml-row">
<div class="product-list">
<div class="product-list__filter">
<span class="active product-list__tab" data-filter="new"><?php echo esc_html__('Cookies', 'chameleon'); ?></span>
<span class="product-list__tab" data-filter="popular"><?php echo esc_html__('Cakes', 'chameleon'); ?></span>
<span class="product-list__tab" data-filter="sale"><?php echo esc_html__('Casseroles', 'chameleon'); ?></span>
</div>
<div class="product-list__items">
<div class="product-list__wrap new active">
<?php get_template_part( 'templates/popular', 'cookies' );?>
</div>
<div class="product-list__wrap popular">
<?php get_template_part( 'templates/popular', 'cakes' );?>
</div>
<div class="product-list__wrap sale">
<?php get_template_part( 'templates/popular', 'casseroles' );?>
</div>
</div>
</div>
</div>

1

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector