{"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":[],"_links":{"self":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/6259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/comments?post=6259"}],"version-history":[{"count":0,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/6259\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media\/4546"}],"wp:attachment":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media?parent=6259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/categories?post=6259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/tags?post=6259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}