Wie man das Bootstrap-Karussell für das in Woocommerce vorgestellte Produkt repariert

Ich habe ein paar Plugins ausprobiert, um Product Slider Carousal für meine Woocommerce-WordPress-Site zu verwenden, aber sie funktionierten nicht so, wie ich es wollte, also habe ich versucht, sie selbst zu erstellen. Es hat fast funktioniert, außer dass zusätzliche Beiträge angezeigt werden, die überhaupt nicht existieren. Sie existieren nicht einmal als Produkte. Das erste Bild zeigt das vorgestellte Produkt. Das zweite Bild ist zusätzlicher Inhalt, der überhaupt nicht existiert. Die Anzahl dieser unnötigen Beiträge entspricht dem Vielfachen der Gesamtanzahl der vorgestellten Produkte. Vorschläge zu ähnlichen Fragen spiegeln fast das wider, was ich getan habe, aber es gibt Probleme. In meinem Fall habe ich 5 vorgestellten Produkte und es zeigt 25 unnötige Beiträge. Derzeit habe ich versucht, nur einen Artikel gleichzeitig anzuzeigen. Nach dem Beheben dieses Problems werden 3 Beiträge gleichzeitig angezeigt, sodass in einer Schleife zweimal 6 Beiträge angezeigt werden.

<div id="featured" class="carousel slide ">
                            <div class="carousel-inner ">
                            <?php
                            $args = array( 'post_type' => 'product',
                                           'meta_key' => '_featured',
                                           'meta_value' => 'yes',
                                           'posts_per_page' => 8,
                                           'post_status'     => 'publish',
                                           'offset'          => 0,
                                           'numberposts'     => 6,
                                           //'orderby' =>'rand',
                                           'order' => 'DESC' 
                                           );
                            $featured_loop = new WP_Query( $args );
                            //echo "<pre>";
                            //print_r($featured_loop);
                            //echo "</pre>";

                            if ( $featured_loop->have_posts()){

                                $i = 1; $count;
                                for ($count=0; $count < 6;) { 

                                    foreach ( $featured_loop as $featured ) {
                                    $featured_loop->the_post();
                                    ?>
                                    <div class=
                                      <?php
                                        echo '"';
                                        echo 'item '; 
                                        if ($i == 1) {
                                          echo 'active';
                                        }

                                        echo '"';

                                        ?>>

                                        <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 ">
                                                <div class="thumbnail">
                                                <i class="tag"></i>
                                                <a id="id-<?php the_id(); ?>" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                                                <?php 

                                                    if (has_post_thumbnail( $featured->post->ID )){
                                                            echo get_the_post_thumbnail($featured->post->ID, 'shop_catalog');
                                                        }
                                                        else {
                                                        echo '<img width ="150" src="'.woocommerce_placeholder_img_src().'" alt="Placeholder" class="img-responsive img-rounded" />';
                                                        }

                                                ?>
                                                </a>
                                                </div><!-- thumbnail -->
                                                <div class="panel-body text-center">
                                                        <h6><?php the_title(); ?> </h6>                         
                                                </div><!-- panel-body text-center -->

                                            </div><!-- col-xs-6 col-sm-4 col-md-4 col-lg-4 -->
                                        </div>
                                    <?php

                                    $i++;


                                    }
                                    $count++;

                                }

                            }


                            ?>








                                </div><!-- carousal item class ends -->


                            </div><!-- carousal inner ends -->
                            <a class="left carousel-control" href="#featured" data-slide="prev"><i class="fa fa-arrow-left"></i></a>
                            <a class="right carousel-control" href="#featured" data-slide="next"><i class="fa fa-arrow-right"></i></a>  

                            <?php wp_reset_postdata(); wp_reset_query(); ?>
                        </div><!-- carousel slide -->  

Antworten auf die Frage(4)

Ihre Antwort auf die Frage