Jump to content

Php Code Shows Rows, Can I Change Amount Of Products Per Row?


jacko_162
 Share

Recommended Posts

i have the following code;

 

<?php
/**
* Homepage Shop Panel
*/

/**
 * The Variables
 *
 * Setup default variables, overriding them if the "Theme Options" have been saved.
 */

global $woocommerce;

$settings = array(
 'thumb_w' => 100,
 'thumb_h' => 100,
 'thumb_align' => 'alignleft',
 'shop_area' => 'false',
 'shop_area_entries' => 3,
 'shop_area_title' => '',
 'shop_area_message' => '',
 'shop_area_link_text' => 'View all our products',
 );

$settings = woo_get_dynamic_values( $settings );

?>
  <section id="shop-home" class="home-section fix">


   <ul class="recent products">

 <?php
 $number_of_products = $settings['shop_area_entries'];
 $args = array( 'post_type' => 'product', 'posts_per_page' => $number_of_products, 'meta_query' => array( array('key' => '_visibility','value' => array('catalog', 'visible'),'compare' => 'IN')) );
 $first_or_last = 'first';
 $loop = new WP_Query( $args );
 $count = 0;
 global $post;
 while ( $loop->have_posts() ) : $loop->the_post(); $_product = &new WC_Product( $loop->post->ID ); $count++; ?>

  <li class="product <?php if ( $count % 3 == 0 ) { echo 'last'; } ?>">

   <a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>">

    <div class="img-wrap">

	 <?php woocommerce_show_product_sale_flash( $post, $_product ); ?>

	 <?php if (has_post_thumbnail( $loop->post->ID )) echo get_the_post_thumbnail($loop->post->ID, 'shop_thumbnail'); else echo '<img src="'.$woocommerce->plugin_url().'/assets/images/placeholder.png" alt="Placeholder" width="'.$woocommerce->get_image_size('shop_catalog_image_width').'px" height="'.$woocommerce->get_image_size('shop_catalog_image_height').'px" />'; ?>

    </div>

   </a>

   <h3><a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>"><?php the_title(); ?></a></h3>

   <span class="price"><?php echo $_product->get_price_html(); ?></span>
    <?php woocommerce_template_loop_add_to_cart( $loop->post, $_product ); ?>
   <div class="fix"></div>


  </li>

  <?php if ( $count % 3 == 0 ) { echo '<li class="fix clear"></li>'; } ?>
 <?php endwhile; ?>

   </ul><!--/ul.recent-->

  </section>

  <?php wp_reset_query(); ?>

 

upon loading it shows my latest products, it shows them in 3 columns then starts a new row with 3 columns and so on.

 

can i get it to show 4 or 5 products per row instead? if so what part do i need to understand and edit?

 

thanks

Link to comment
Share on other sites

This thread is more than a year old.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.