{"id":6259,"date":"2016-10-15T12:50:55","date_gmt":"2016-10-15T16:50:55","guid":{"rendered":"https:\/\/themespress.ca\/?p=6259"},"modified":"2022-09-06T19:37:48","modified_gmt":"2022-09-06T23:37:48","slug":"display-woocommerce-products","status":"publish","type":"post","link":"https:\/\/themespress.ca\/en\/display-woocommerce-products\/","title":{"rendered":"Display WooCommerce Products"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

This tutorial will show you how to display your featured WooCommerce products with a query.<\/p>\n

It is a simply query, however however our arguments we need to fetch the WooCommerce product<\/strong> post type. The ‘meta_key’ &=> ‘_featured’<\/strong> will return featured products. We will also have the WooCommerce pagination hook.<\/p>\n

With our first argument, we will create a variable that will store the product ID:
\n$id = $product->id;. This will allow use to fetch the product ID within the add_to_cart WooCommerce shortcode:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

<?php echo do_shortcode('[add_to_cart id="'.$id.'"]'); ?><\/pre><\/div>\n\t
\n\t\t
\n\t\t\t
You can stylized your products as you see fit via the CSS files.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n
Display WooCommerce Products<\/h2>
<div class="woocommerce columns-3">\n\t<ul class="products">\n\t\t<?php \n\t\t$id = $product->id; \n\t\t$args = array( \n\t\t'post_type'           => 'product', \n\t\t'meta_key'            => '_featured',\n\t\t'posts_per_page'      => 3, \n\t\t'columns'             => '3', \n\t\t'meta_value'          => 'yes' \n\t\t); \n\n\t\t$loop = new WP_Query( $args ); while ( $loop->have_posts() ) : $loop->the_post(); \n\t\tglobal $product; \n\t\t?>\n\t\t<li class="product"><\/li>\n\t\t<?php endwhile; ?>\n\t\t<?php wp_reset_postdata(); ?>\n\t<\/ul>\n<\/div><\/pre><\/div>\n\t
\n\t\t
\n\t\t\t
You can implement it in any template you want.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"This tutorial will show you how to display your featured WooCommerce products with a query. It is a simply query, however however our arguments we need to fetch the WooCommerce
Read More<\/a><\/div>","protected":false},"author":81,"featured_media":4546,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[283],"tags":[328],"class_list":["post-6259","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-woocommerce-config"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t