Пожалуйста, взгляните на сайт 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>
Задача ещё не решена.
Других решений пока нет …