Php 滑块触发Silder和产品列表

请看一下这个网站

目前正在进行中。您可以看到标题滑块是使用“Cookies、蛋糕和砂锅”控制的。类似地，类别列表在标题的正下方由另一组导航处理，即“饼干蛋糕和砂锅菜”

如果您能帮助删除滑块下方的菜单，并将滑块和产品从“饼干、蛋糕和砂锅”的滑块导航中更改，我将不胜感激

谢谢你的帮助

收割台滑块由Owl转盘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' + ' ' );

}

对于按类别显示产品的代码，下面是代码：

{

您是如何尝试这样做的？请查看。您需要研究您的问题，并在发布之前尝试自己解决问题。如果您遇到了一些具体问题，请回来，并提供确切问题的清晰轮廓和您尝试过的内容的摘要。感谢您的评论。下面是我的建议我自己也尝试过这样做。我已经尝试过在滑块下方的产品类别显示上发布链接，但没有任何帮助。滑块是使用Owl Carousel 2.2.1制作的。因此，我尝试创建外部链接来处理滑块的转换，但也没有任何帮助。FluffyKitten善意地保证，我只作为k问题当我没有选择的时候，我不能处理一些事情。你应该用任何额外的信息更新你的问题，以防其他人在评论中遗漏。我们需要知道你尝试过什么的原因是，这样我们就不会把它们作为解决方案推荐给你，也不会浪费时间亲自尝试。但是你仍然我们还没有提供足够的信息来帮助我们。你需要包含代码，以便不熟悉Owl的人能够提供帮助。感谢你的指点。希望编辑后的文章比以前更好。请自己看一下。我现在可以看到你正在尝试做什么。要获得这两个独立的插件将非常困难（猫头鹰和用于过滤器的任何东西）要协同工作-您需要找到触发筛选器的代码并将其应用于.owl点元素。更大的问题是，您的.owl点元素隐藏在较小的屏幕上，因此您正在删除筛选产品的唯一方法。恐怕我无法提供帮助，其他人可能会给您一些建议。什么您是否尝试过这样做？请回顾。您需要研究您的问题，并在发布之前尝试自己解决问题。如果您在某些特定问题上遇到困难，请返回，并提供确切问题的清晰轮廓和您尝试过的内容的摘要。感谢您的评论。下面是我尝试解决的问题我自己也这样做。我已经尝试过在滑块下方的产品类别显示上发布链接，但没有效果。滑块是使用Owl Carousel 2.2.1制作的。因此我尝试创建外部链接来处理滑块的转换，但也没有效果。FluffyKitten请确保我只问问题当我没有选择的时候，我不能处理一些事情。你应该用任何额外的信息更新你的问题，以防其他人在评论中遗漏。我们需要知道你尝试过什么的原因是，这样我们就不会把它们作为解决方案推荐给你，也不会浪费时间亲自尝试。但是你仍然没有给我们it’有足够的信息可以帮助您。您需要包含代码，以便不熟悉Owl的人能够提供帮助。感谢您的指点。希望编辑后的文章比以前更好。请亲自查看。我现在可以看到您正在尝试做什么。要获得这两个独立的插件将非常困难（猫头鹰和用于过滤器的任何东西）要协同工作-您需要找到触发过滤器的代码并将其应用于.owl点元素。更大的问题是，您的.owl点元素隐藏在较小的屏幕上，因此您正在删除筛选产品的唯一方法。恐怕我无法提供帮助，其他人可能会向您提供建议。

            <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>