{"id":90405,"date":"2024-05-01T16:41:33","date_gmt":"2024-05-01T16:41:33","guid":{"rendered":"https:\/\/breakdance.com\/?page_id=90405"},"modified":"2024-10-29T17:57:15","modified_gmt":"2024-10-29T17:57:15","slug":"woocommerce-product-loop-builder","status":"publish","type":"page","link":"https:\/\/breakdance.com\/features\/woocommerce-product-loop-builder\/","title":{"rendered":"WooCommerce Product Loop Builder"},"content":{"rendered":"<section class=\"bde-section-90405-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-90405-101 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-90405-102 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n                  \n    \n            \n\n          \n          \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"https:\/\/www.youtube.com\/embed\/a8_HWvl49GU?feature=oembed\" target=\"_self\" data-type=\"lightbox\" data-lightbox-id=\"90405-102\" rel=\"noopener\">\n\n    \n        <span class=\"button-atom__text\">WooCommerce Product Loop Builder - In-Depth Overview &rarr;<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div><h2 class=\"bde-heading-90405-103 bde-heading highlighter\">\nThe <em>Incredible<\/em> Product Loop Builder\n<\/h2><p class=\"bde-text-90405-104 bde-text\">\nList your products without limitations. Modify the default product listing elements & styles, or design your own from scratch.\n<\/p><div class=\"bde-div-90405-105 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-image-90405-106 bde-image\">\n<figure class=\"breakdance-image breakdance-image--40618\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a href=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/06\/faces@2x-1.webp\" data-rel=\"lightbox-image-0\" title=\"\" class=\"swipebox\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/06\/faces@2x-1.webp\" width=\"256\" height=\"80\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" alt=\"faces\" loading=\"lazy\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div><p class=\"bde-text-90405-107 bde-text\">\n18,000+ creators use Breakdance to build incredible websites\n<\/p>\n<\/div><div class=\"bde-button-90405-108 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--primary bde-button__button\" href=\"\/get\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Get Breakdance<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><div class=\"bde-video-90405-109 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2024\/04\/Product-Loop-Builder-Hero-v1.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-90405-133 bde-section\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<div class=\"section-container\"><div class=\"bde-div-90405-134 bde-div\" data-parallax=\"true\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-90405-135 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-90405-136 bde-text highlighter\">\n\"absolute <em>game changer<\/em>\"\n<\/div><div class=\"bde-text-90405-137 bde-text\">\n\u2014 Jason S\n<\/div>\n<\/div><div class=\"bde-div-90405-138 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-90405-139 bde-text highlighter\">\n\"great for my\u00a0<em>clients<\/em>\"\n<\/span><div class=\"bde-text-90405-140 bde-text\">\n\u2014 Nick F\n<\/div>\n<\/div><div class=\"bde-div-90405-141 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-90405-142 bde-text highlighter\">\n\"<em>better<\/em> than Elementor\"\n<\/span><div class=\"bde-text-90405-143 bde-text\">\n\u2014 Bo X\n<\/div>\n<\/div><div class=\"bde-div-90405-144 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-90405-145 bde-text highlighter\">\n\"I dropped <em>eight<\/em> plugins\"\n<\/span><div class=\"bde-text-90405-146 bde-text\">\n\u2014 Lumos Agency\n<\/div>\n<\/div><div class=\"bde-div-90405-147 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-90405-148 bde-text highlighter\">\n\"it's so <em>smooth<\/em>\"\n<\/span><div class=\"bde-text-90405-149 bde-text\">\n\u2014 @saucecat2\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-90405-150 bde-div\" data-parallax=\"true\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-90405-151 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-90405-152 bde-text highlighter\">\n\"Breakdance <em>replaces<\/em> so many plugins\"\n<\/div><div class=\"bde-text-90405-153 bde-text\">\n\u2014 Max Z\n<\/div>\n<\/div><div class=\"bde-div-90405-154 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-90405-155 bde-text highlighter\">\n\"I can get the <em>exact<\/em> design I want\"\n<\/div><div class=\"bde-text-90405-156 bde-text\">\n\u2014 Joe W\n<\/div>\n<\/div><div class=\"bde-div-90405-157 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-90405-158 bde-text highlighter\">\n\"highly <em>optimized<\/em>\"\n<\/span><div class=\"bde-text-90405-159 bde-text\">\n\u2014 GoldPenguin\n<\/div>\n<\/div><div class=\"bde-div-90405-160 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-90405-161 bde-text highlighter\">\n\"<em>100\/100<\/em> on Google PageSpeed Insights\"\n<\/span><div class=\"bde-text-90405-162 bde-text\">\n\u2014 Georg C\n<\/div>\n<\/div><div class=\"bde-div-90405-163 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-90405-164 bde-text highlighter\">\n\"far <em>better<\/em> than the block editor\"\n<\/span><div class=\"bde-text-90405-165 bde-text\">\n\u2014 Marcus B\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-90405-166 bde-div\" data-parallax=\"true\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-90405-167 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-90405-168 bde-text highlighter\">\n\"a <em>better<\/em> version of Elementor\"\n<\/span><div class=\"bde-text-90405-169 bde-text\">\n\u2014 Karipos\n<\/div>\n<\/div><div class=\"bde-div-90405-170 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-90405-171 bde-text highlighter\">\n\"the ultimate solution for <em>effortless<\/em> website design\"\n<\/span><div class=\"bde-text-90405-172 bde-text\">\n\u2014 Cloudways\n<\/div>\n<\/div><div class=\"bde-div-90405-173 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-90405-174 bde-text highlighter\">\n\"Light years <em>ahead<\/em>\"\n<\/span><div class=\"bde-text-90405-175 bde-text\">\n\u2014 Thomas C\n<\/div>\n<\/div><div class=\"bde-div-90405-176 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-90405-177 bde-text highlighter\">\n\"<em>modern<\/em> and effective\"\n<\/span><div class=\"bde-text-90405-178 bde-text\">\n\u2014 @lowyieldbondfunds\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-90405-179 bde-div\">\n              \n  \n  \n\t\n\n\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-90405-110 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-90405-111 bde-columns\"><div class=\"bde-column-90405-112 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-90405-113 bde-heading highlighter\">\nCraft a store that fits like a glove\n<\/h2>\n<\/div><div class=\"bde-column-90405-114 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-90405-115 bde-text\">\nCreate a memorable shopping experience with completely bespoke product lists.\n<\/div>\n<\/div><\/div><div class=\"bde-columns-90405-116 bde-columns\"><div class=\"bde-column-90405-117 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-90405-118 bde-heading\">\nModify\n<\/h2><div class=\"bde-text-90405-119 bde-text\">\nControl the properties and styles of <b>every<\/b>\u00a0element in your product lists.\n<\/div>\n<\/div><div class=\"bde-column-90405-120 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-90405-121 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-video-90405-122 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2024\/04\/Default-Products-List-v1.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-90405-226 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-90405-227 bde-columns\"><div class=\"bde-column-90405-228 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-90405-229 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-video-90405-230 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2024\/04\/WooProductLoopBuilder-Shortened-Optimized.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-90405-231 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-90405-232 bde-heading\">\nCustomize\n<\/h2><div class=\"bde-text-90405-233 bde-text\">\nCreate a Global Block using any combination of Breakdance elements & dynamic data, then use that Block as a template to display your products.\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-90405-189 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-90405-190 bde-columns\"><div class=\"bde-column-90405-191 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-90405-192 bde-heading highlighter\">\n<em>Precise<\/em> query control\n<\/h2>\n<\/div><div class=\"bde-column-90405-193 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-90405-194 bde-text\">\nShow the exact products you need with full control over the product query.\n<\/div>\n<\/div><\/div><div class=\"bde-video-90405-195 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2024\/04\/Product-Query-v1.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div><h3 class=\"bde-heading-90405-196 bde-heading\">\nPick and choose products to display.\n<\/h3><div class=\"bde-text-90405-197 bde-text\">\nWith full control over the product query, you can create product loops for any use case.\n<\/div><div class=\"bde-grid-90405-198 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-90405-199 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-90405-200 bde-heading\">\nFeatured Products\n<\/h4><div class=\"bde-text-90405-201 bde-text\">\nHighlight products marked as featured in WooCommerce.\n<\/div>\n<\/div><div class=\"bde-div-90405-202 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-90405-203 bde-heading\">\nOn Sale Products\n<\/h4><div class=\"bde-text-90405-204 bde-text\">\nShow only products that are on-sale, perfect for attracting bargain hunters.\n<\/div>\n<\/div><div class=\"bde-div-90405-205 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-90405-206 bde-heading\">\nManually Selected Products\n<\/h4><div class=\"bde-text-90405-207 bde-text\">\nChoose specific products to display, ensuring the best selection.\n<\/div>\n<\/div><div class=\"bde-div-90405-208 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-90405-209 bde-heading\">\nQueried Products\n<\/h4><div class=\"bde-text-90405-210 bde-text\">\nUse a true WordPress query to find and display the products you want.\n<\/div>\n<\/div><div class=\"bde-div-90405-211 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-90405-212 bde-heading\">\nProduct Count\n<\/h4><div class=\"bde-text-90405-213 bde-text\">\nPrecisely control how many products are shown.\n<\/div>\n<\/div><div class=\"bde-div-90405-214 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-90405-215 bde-heading\">\nOrder & Order By\n<\/h4><div class=\"bde-text-90405-216 bde-text\">\nWith ascending & descending order, sort products by date, price, or random.\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-90405-217 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-90405-218 bde-columns\"><div class=\"bde-column-90405-219 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-90405-220 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-video-90405-221 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2024\/04\/Product-Filters-v1.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-90405-222 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-90405-223 bde-heading\">\nIsotope Filtering\n<\/h2><div class=\"bde-text-90405-224 bde-text\">\nEnable the Filter Bar feature to include beautiful, instantaneous isotope filtering for your product listings.\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-90405-235 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-90405-236 bde-columns\"><div class=\"bde-column-90405-237 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-90405-238 bde-heading highlighter\">\nLearn the Product Loop Builder with in-depth <em>tutorials<\/em>\n<\/h2>\n<\/div><div class=\"bde-column-90405-239 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-90405-240 bde-text\">\nGet up to speed fast with our overview tutorial, or consult our documentation for a deep dive.\n<\/div><div class=\"bde-button-90405-241 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"\/documentation\/woocommerce\/tips-tricks\/custom-product-lists\/\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Documentation<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><\/div><div class=\"bde-video-90405-242 bde-video\">\n<div class=\"ee-video-container\">\n                                                                            \n                                \n                <iframe\n                        class=\"ee-video lozad\"\n                title=\"\"\n                                data-src=\"https:\/\/www.youtube.com\/embed\/a8_HWvl49GU?feature=oembed&playsinline=0&rel=0&enablejsapi=1\"\n                frameborder=\"0\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n                <\/iframe>\n                    \n        \n            \n    <\/div>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-90405-131 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-globalblock-90405-132 bde-globalblock\">\n<div class=\"bde-div-40183-100-40183-1 bde-div bde-div-40183-100\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-40183-101-40183-1 bde-heading bde-heading-40183-101\">\nExperience the Breakdance difference.\n<\/h2><div class=\"bde-button-40183-102-40183-1 bde-button bde-button-40183-102\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--primary bde-button__button\" href=\"\/get\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Get Breakdance<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-columns-40183-103-40183-1 bde-columns bde-columns-40183-103\"><div class=\"bde-column-40183-104-40183-1 bde-column bde-column-40183-104\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-105-40183-1 bde-heading bde-heading-40183-105\">\nUnlimited license.<br>Unlimited websites.\n<\/h3><p class=\"bde-text-40183-106-40183-1 bde-text bde-text-40183-106\">\nGet maximum flexibility with unlimited licensing and domain activations.\n<\/p>\n<\/div><div class=\"bde-column-40183-107-40183-1 bde-column bde-column-40183-107\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-108-40183-1 bde-heading bde-heading-40183-108\">\n60-day money back guarantee.<br>No questions asked.\n<\/h3><p class=\"bde-text-40183-109-40183-1 bde-text bde-text-40183-109\">\nGet your money back within 60 days of purchase, no questions asked. It's risk-free!\n<\/p>\n<\/div><div class=\"bde-column-40183-110-40183-1 bde-column bde-column-40183-110\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-111-40183-1 bde-heading bde-heading-40183-111\">\nPremium support.<br>Get all the help you need.\n<\/h3><p class=\"bde-text-40183-112-40183-1 bde-text bde-text-40183-112\">\nWe offer premium support to ensure the ultimate customer experience.\n<\/p>\n<\/div><div class=\"bde-column-40183-113-40183-1 bde-column bde-column-40183-113\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-114-40183-1 bde-heading bde-heading-40183-114\">\nJust $199.99\/year for<br>unlimited sites.\n<\/h3><p class=\"bde-text-40183-115-40183-1 bde-text bde-text-40183-115\">\nFor a limited time, we're offering an unlimited site license for just $199.99\/year. Buy now to lock in this price.\n<\/p>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>WooCommerce Product Loop Builder &#8211; In-Depth Overview &rarr; The Incredible Product Loop Builder List your products without limitations. Modify the default product listing elements &#038; styles, or design your own from scratch. 18,000+ creators use Breakdance to build incredible websites Get Breakdance &#8220;absolute game changer&#8221; \u2014 Jason S &#8220;great for my\u00a0clients&#8221; \u2014 Nick F &#8220;better [&hellip;]<\/p>\n","protected":false},"author":21053,"featured_media":0,"parent":224,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_searchwp_excluded":"","_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-90405","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/90405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/users\/21053"}],"replies":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/comments?post=90405"}],"version-history":[{"count":0,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/90405\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/224"}],"wp:attachment":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/media?parent=90405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}