{"id":989,"date":"2024-09-09T18:06:48","date_gmt":"2024-09-09T18:06:48","guid":{"rendered":"https:\/\/demo.itthinx.com\/wps\/?page_id=989"},"modified":"2024-09-09T18:06:48","modified_gmt":"2024-09-09T18:06:48","slug":"tutorial","status":"publish","type":"page","link":"https:\/\/demo.itthinx.com\/wps\/tutorial\/","title":{"rendered":"Tutorial"},"content":{"rendered":"\n<p>The <a href=\"https:\/\/woocommerce.com\/products\/woocommerce-product-search\/\">WooCommerce Product Search<\/a> extension provides exclusive blocks that make it easy to set up live search and filter features.<\/p>\n\n\n\n<p>You can handle template customizations and shop page compositions very easily. Follow the tutorial below as we customize the <em>Product Catalog<\/em> template. This template uses the <em>Product Collection<\/em> block which is used on the Shop page. In the tutorial, we extend the template so that customers can filter the products and find what they want very easily.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"WooCommerce Product Search - Building with Blocks - Product Catalog - Product Collection\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/ZuNLHW08IWw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>You will find more information on this on the <a href=\"https:\/\/woocommerce.com\/document\/woocommerce-product-search\/\">documentation<\/a> pages of the extension. The <a href=\"https:\/\/woocommerce.com\/document\/woocommerce-product-search\/blocks\/\">Blocks<\/a> documentation page is a good start to dive deeper into working with the blocks.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The WooCommerce Product Search extension provides exclusive blocks that make it easy to set up live search and filter features. You can handle template customizations and shop page compositions very easily. Follow the tutorial below as we customize the Product Catalog template. This template uses the Product Collection block which is used on the Shop [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-989","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.itthinx.com\/wps\/wp-json\/wp\/v2\/pages\/989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.itthinx.com\/wps\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.itthinx.com\/wps\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.itthinx.com\/wps\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.itthinx.com\/wps\/wp-json\/wp\/v2\/comments?post=989"}],"version-history":[{"count":1,"href":"https:\/\/demo.itthinx.com\/wps\/wp-json\/wp\/v2\/pages\/989\/revisions"}],"predecessor-version":[{"id":990,"href":"https:\/\/demo.itthinx.com\/wps\/wp-json\/wp\/v2\/pages\/989\/revisions\/990"}],"wp:attachment":[{"href":"https:\/\/demo.itthinx.com\/wps\/wp-json\/wp\/v2\/media?parent=989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}