php - Carousel Slider with query loop inside for featured custom post type -

-

so i'm trying carousel slider display 3 posts @ time through loop featured custom posts type.

this code have carousel:

<div class="container">   <div class="row">     <h2>featured posts</h2>   </div>   <div class='row'>     <div class='col-md-8'>       <div class="carousel slide media-carousel" id="media">         <div class="carousel-inner">           <div class="item  active">             <div class="row">               <div class="col-md-4">                 <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/150x150"></a>               </div>                         <div class="col-md-4">                 <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/150x150"></a>               </div>               <div class="col-md-4">                 <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/150x150"></a>               </div>                     </div>           </div>           <div class="item">             <div class="row">               <div class="col-md-4">                 <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/150x150"></a>               </div>                         <div class="col-md-4">                 <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/150x150"></a>               </div>               <div class="col-md-4">                 <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/150x150"></a>               </div>                     </div>           </div>           <div class="item">             <div class="row">               <div class="col-md-4">                 <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/150x150"></a>               </div>                         <div class="col-md-4">                 <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/150x150"></a>               </div>               <div class="col-md-4">                 <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/150x150"></a>               </div>                   </div>           </div>         </div>         <a data-slide="prev" href="#media" class="left carousel-control">‹</a>         <a data-slide="next" href="#media" class="right carousel-control">›</a>       </div>                               </div>   </div> </div>

i want display thumbnails permalink following query:

<?php     $featured = new wp_query( array(          'post_type' => 'franchisings',         'posts_per_page' => '3',         'meta_key' => 'meta-checkbox',         'meta_value' => 'yes'      ) );  if ($featured->have_posts()): while($featured->have_posts()): $featured->     the_post(); ?>          <div class="row">             <div class="col-md-3">  <?php if (has_post_thumbnail()) : ?>  <a href="<?php the_permalink(); ?>">     <?php the_post_thumbnail(); ?></a>           </div>  </div>           <?php endif; endwhile; else: endif; ?>

i don't want use plugins, , i'm using bootstrap framework. , i'm going for, featured posts' thumbnails instead:

goal

i can featured post types display can't them inside carousel.

can out? thanks

code updated @ucheng answer

<div class="container">         <div class="row">          <h3>             <a href="#" class="btn btn-outlined btn-theme btn-lg" id="button" data-wow-delay="0.7s">franchisings em destaque</a>         </h3>         <div class='col-md-8'>       <div class="carousel slide media-carousel" id="media">         <div class="carousel-inner">           <div class="item  active">      <?php         $featured = new wp_query( array(              'post_type' => 'franchisings',             'posts_per_page' => '-1',             'meta_key' => 'meta-checkbox',             'meta_value' => 'yes'          ) );       $counter = 0;         if ( $featured->have_posts()): while( $featured->have_posts() ): $featured->the_post(); ?>                  <?php if ( $counter%3 == 0 ): ?>                  <div class="item <?php if ( $counter == 0 ): ?>active<?php endif; ?>">                     <div class="row">                 <?php endif; ?>                      <?php if ( has_post_thumbnail() ): ?>                     <div class="col-md-4">                         <a href="<?php the_permalink(); ?>">                             <?php the_post_thumbnail(array(200, 200)); ?>                             <?php $counter++; ?>                         </a>                      </div>                     <?php endif; ?>                     <?php if ( $counter%3 == 0 ):?>                     </div>                   </div><!--end item-->                 <?php endif; ?>          <?php endwhile;endif;           ?>

you need set posts_per_page -1 posts.

<div class="container">        <div class="row">         <h2>featured posts</h2>       </div>        <div class='row'>         <div class='col-md-8'>           <div class="carousel slide media-carousel" id="media">             <div class="carousel-inner">             <?php              $featured = new wp_query( array(                  'post_type' => 'franchisings',                 'posts_per_page' => '-1',//-1 posts                 'meta_key' => 'meta-checkbox',                 'meta_value' => 'yes'              ) );                   $counter = 0;             if ( $featured->have_posts()): while( $featured->have_posts() ): $featured->the_post(); ?>                      <?php if ( $counter%3 == 0 ): ?>                      <div class="item <?php if ( $counter == 0 ): ?>active<?php endif; ?>">                         <div class="row">                     <?php endif; ?>                          <?php if ( has_post_thumbnail() ): ?>                         <div class="col-md-4">                             <a href="<?php the_permalink(); ?>">                                 <?php the_post_thumbnail(); ?>                                 <?php $counter++; ?>                             </a>                          </div>                         <?php endif; ?>                         <?php if ( $counter%3 == 0 ):?>                         </div>                       </div><!--end item-->                     <?php endif; ?>              <?php endwhile;endif;               </div><!--carousel-inner-->           </div>         </div>       </div><!--end row-->  </div>

Comments

Post a Comment

Popular posts from this blog

php - How to display all orders for a single product showing the most recent first? Woocommerce -

-
i have password protected page on frontend. on page, want display full list of purchases associated single woocommerce product id. option 1: i've looked through woocommerce docs , , found: wc_cli_order , list_( $args, $assoc_args ) function lists orders. presumably, orders can filtered product id [--=] filter orders based on order property. line item fields (numeric array, started index zero): line_items.0.product_id option 2: i found article , based on customer id. i've modified code based on guesses meta_key , meta_value. $customer_orders = get_posts( array( 'numberposts' => -1, 'meta_key' => '_product', 'meta_value' => get_product_id(), 'post_type' => wc_get_order_types(), 'post_status' => array_keys( wc_get_order_statuses() ), ) ); how display orders single product showing recent order first? here solution put based on these articles: http://www.w...
Read more

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

-
i'm having difficult time , hope guys can help. using helicon isapi rewrite version 3.1.0.104 on our iis server. edit http.conf file , have tried , still fail. this trying do: redirect url: https://www.domain.com/switch-by-version?version=2.8.5.2594 to: https://test.domain.com/load/load.aspx?tver=2.8.5.2594 the version number @ end source url change, , need target url have same version number @ end of url example above shows. i tried following not work: rewritecond %{query_string} ^version=(\d\d?)\.(\d\d?)\.(\d\d?)\.(.*)$ [nc] rewriterule ^/switch-by-version(.*)$ https://test.domain.com/load/load.aspx?tver=%1 [r=307,nc,l] any appreciated! thanks. if it's running in equivalent context of .htaccess , rule shouldn't start / . here's simpler version: rewritecond %{query_string} ^version=(\d+\.\d+\.\d+(?:\..+)?)$ [nc] rewriterule ^switch-by-version/?$ https://test.domain.com/load/load.aspx?tver=%1 [r=307,nc,l]
Read more

angularjs - How restrict admin panel using in backend laravel and admin panel on angular? -

-
https://scotch.io/tutorials/token-based-authentication-for-angularjs-and-laravel-apps following tutorials, try write authentication restrict admin panel, didn't understood how can that. this admin panel, admin panel don't want show , request database unauthenticated users. my laravel-routes route::get('/admin',function(){ return view('index'); }); route::get('/api/v1/employees/{id?}', 'employees@index'); route::get('/api/v1/users/{id?}', 'employees@users'); route::post('/api/v1/employees', 'employees@store'); route::post('/api/v1/employees/{id}', 'employees@update'); route::delete('/api/v1/employees/{id}', 'employees@destroy'); route::group(['prefix' => 'api'], function() { route::resource('authenticate', 'authenticatecontroller', ['only' => ['index']]); route::post('authenticate', 'authentic...
Read more