Wordpress Woocommerce: Wie Slider Revolution auf Kategorieseite hinzufügen

Question

Hallo, ich habe ein Problem über die Slider-Revolution auf der Kategorie Seite auf WordPress Woocommerce. Deshalb möchte ich & Ansicht wie dieses Layout: I want like this

ich habe versuchen Shortcode zur Kategorie hinzuzufügen, aber das Ergebnis der Kategorie nicht wie ich will, das Layout wie folgt aus: not I want

kann mir jemand helfen ?

Answer 1

Probenkarussell Schieber Code

 function product_carousel_func() { 
      $Inc=0; 
      $args=array(
         'post_type' =>'product', 
         'product_cat' =>'', 
         'posts_per_page' =>20, 
        'orderby' => 'rand' 
        ); 

     $wc_query = new WP_Query($args); 

      $carouselSlider = '<ol class="carousel-indicators ">'; 
       $output.=''; 
       if ($wc_query->have_posts()){ 
      while ($wc_query->have_posts()){ 
      $wc_query->the_post(); 
      global $product; 
         $imgurl = wp_get_attachment_image_src(get_post_thumbnail_id($product->id)); 
      $ActiveClass=''; 
      if($Inc==0){ 
      $ActiveClass='active'; 
      } 

      $carouselSlider .= '<li data-target="#mycarousel1" data-slide-to="'.$Inc.'" class="'.$ActiveClass.'"></li>'; 

        if($Inc%2==0) { 

         $output.='<div class="item '.$ActiveClass.'"> 
          <div class="container"> 
           <div class="row carouselrow">'; 
         $OddClass ='cs_oddslider'; 
        }else{ 
         $OddClass ='cs_evenslider'; 
        } 
       $output.='<div class="col-md-6 col-sm-6 col-xs-6 '.$OddClass.'"> 
          <img src="'.$imgurl[0].'" class="img-responsive img-circle"> 
          <div class="carousel-caption " id="carousel"> 
           <div class="col-md-10 col-sm-10 col-xs-10 paradiv"> 
           <p class="">'.get_the_title().'</p> 
           <button type="button" class="">SHOP NOW</button> 
           </div> 
          </div> 
          </div>'; 

       if($Inc%2!=0) { 
         $output.='</div></div></div>'; 
        } 
      $Inc++; 

        } 
      } 


     $carouselSlider .= '</ol>'; 

      return '<div class="container-fluid "><div id="mycarousel1" class="carousel slide" data-ride="carousel">'.$carouselSlider.'<div class="carousel-inner" role="listbox">'.$output.'</div></div> </div></div></div>'; 
     } 

     add_shortcode('product_carousel', 'product_carousel_func'); 

Answer 2

Sie können einen vordefinierten Schieber an der Spitze eines WooCommerce Archivseite fügen Sie die Aktion woocommerce_before_main_content oder woocommerce_archive_description verwenden.

Verwenden Sie in der Funktion, die aufgerufen werden soll, do_shortcode().

add_action('woocommerce_archive_description', 'display_revslider'); 

function display_revslider(){ 
     echo do_shortcode('revslider'); //arrange this to get the right shortcode with category if need 
} 

Oder durch die PHP-Funktion des Plugins verwenden

function rev_slider_to_archive_pages() { 
     if (is_product_category()) { 
      if (function_exists('putRevSlider')) { putRevSlider("default"); 
      } 
     } 
    } 

    add_action('woocommerce_before_main_content', 'rev_slider_to_archive_pages',21); 

Hoffe, es hilft!