{"id":89127,"date":"2024-04-01T18:08:20","date_gmt":"2024-04-01T18:08:20","guid":{"rendered":"https:\/\/breakdance.com\/?page_id=89127"},"modified":"2024-04-01T18:08:38","modified_gmt":"2024-04-01T18:08:38","slug":"woocommerce-custom-product-page","status":"publish","type":"page","link":"https:\/\/breakdance.com\/features\/woocommerce-custom-product-page\/","title":{"rendered":"WooCommerce Custom Product Page"},"content":{"rendered":"<section class=\"bde-section-89127-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-89127-101 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-89127-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\/kB_W9ambqeU?feature=oembed\" target=\"_self\" data-type=\"lightbox\" data-lightbox-id=\"89127-102\" rel=\"noopener\">\n\n    \n        <span class=\"button-atom__text\">Product Page - In-Depth Overview &rarr;<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div><h2 class=\"bde-heading-89127-103 bde-heading highlighter\">\nProduct Pages <em>Your<\/em> Way\n<\/h2><p class=\"bde-text-89127-104 bde-text\">\nDon't get lost in the crowd. Make your products stand out with 100% customizable product pages.\n<\/p><div class=\"bde-div-89127-105 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-image-89127-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-89127-107 bde-text\">\n18,000+ creators use Breakdance to build incredible websites\n<\/p>\n<\/div><div class=\"bde-button-89127-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-89127-109 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2024\/03\/NotUploaded-Woo-Product-Template-Deeper-Customization.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-89127-140 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-89127-141 bde-div\" data-parallax=\"true\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-89127-142 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-89127-143 bde-text highlighter\">\n\"absolute <em>game changer<\/em>\"\n<\/div><div class=\"bde-text-89127-144 bde-text\">\n\u2014 Jason S\n<\/div>\n<\/div><div class=\"bde-div-89127-145 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-89127-146 bde-text highlighter\">\n\"great for my\u00a0<em>clients<\/em>\"\n<\/span><div class=\"bde-text-89127-147 bde-text\">\n\u2014 Nick F\n<\/div>\n<\/div><div class=\"bde-div-89127-148 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-89127-149 bde-text highlighter\">\n\"<em>better<\/em> than Elementor\"\n<\/span><div class=\"bde-text-89127-150 bde-text\">\n\u2014 Bo X\n<\/div>\n<\/div><div class=\"bde-div-89127-151 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-89127-152 bde-text highlighter\">\n\"I dropped <em>eight<\/em> plugins\"\n<\/span><div class=\"bde-text-89127-153 bde-text\">\n\u2014 Lumos Agency\n<\/div>\n<\/div><div class=\"bde-div-89127-154 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-89127-155 bde-text highlighter\">\n\"it's so <em>smooth<\/em>\"\n<\/span><div class=\"bde-text-89127-156 bde-text\">\n\u2014 @saucecat2\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-89127-157 bde-div\" data-parallax=\"true\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-89127-158 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-89127-159 bde-text highlighter\">\n\"Breakdance <em>replaces<\/em> so many plugins\"\n<\/div><div class=\"bde-text-89127-160 bde-text\">\n\u2014 Max Z\n<\/div>\n<\/div><div class=\"bde-div-89127-161 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-89127-162 bde-text highlighter\">\n\"I can get the <em>exact<\/em> design I want\"\n<\/div><div class=\"bde-text-89127-163 bde-text\">\n\u2014 Joe W\n<\/div>\n<\/div><div class=\"bde-div-89127-164 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-89127-165 bde-text highlighter\">\n\"highly <em>optimized<\/em>\"\n<\/span><div class=\"bde-text-89127-166 bde-text\">\n\u2014 GoldPenguin\n<\/div>\n<\/div><div class=\"bde-div-89127-167 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-89127-168 bde-text highlighter\">\n\"<em>100\/100<\/em> on Google PageSpeed Insights\"\n<\/span><div class=\"bde-text-89127-169 bde-text\">\n\u2014 Georg C\n<\/div>\n<\/div><div class=\"bde-div-89127-170 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-89127-171 bde-text highlighter\">\n\"far <em>better<\/em> than the block editor\"\n<\/span><div class=\"bde-text-89127-172 bde-text\">\n\u2014 Marcus B\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-89127-173 bde-div\" data-parallax=\"true\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-89127-174 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-89127-175 bde-text highlighter\">\n\"a <em>better<\/em> version of Elementor\"\n<\/span><div class=\"bde-text-89127-176 bde-text\">\n\u2014 Karipos\n<\/div>\n<\/div><div class=\"bde-div-89127-177 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-89127-178 bde-text highlighter\">\n\"the ultimate solution for <em>effortless<\/em> website design\"\n<\/span><div class=\"bde-text-89127-179 bde-text\">\n\u2014 Cloudways\n<\/div>\n<\/div><div class=\"bde-div-89127-180 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-89127-181 bde-text highlighter\">\n\"Light years <em>ahead<\/em>\"\n<\/span><div class=\"bde-text-89127-182 bde-text\">\n\u2014 Thomas C\n<\/div>\n<\/div><div class=\"bde-div-89127-183 bde-div\">\n  \n  \n\t\n\n\n\n<span class=\"bde-text-89127-184 bde-text highlighter\">\n\"<em>modern<\/em> and effective\"\n<\/span><div class=\"bde-text-89127-185 bde-text\">\n\u2014 @lowyieldbondfunds\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-89127-186 bde-div\">\n              \n  \n  \n\t\n\n\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-89127-110 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-89127-111 bde-columns\"><div class=\"bde-column-89127-112 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-89127-113 bde-heading highlighter\">\nBeautifully custom\n<\/h2>\n<\/div><div class=\"bde-column-89127-114 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-89127-115 bde-text\">\nBuilding your custom product page has never been easier. Breakdance has all of the elements you'll need to showcase your products and impress your customers.\n<\/div>\n<\/div><\/div><div class=\"bde-video-89127-116 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2024\/03\/NotUploaded-Woo-Designing-Product-Template-Variation-1.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div><h3 class=\"bde-heading-89127-117 bde-heading\">\nGranular layout & design control\n<\/h3><div class=\"bde-text-89127-118 bde-text\">\nPick, place, and style the exact elements required for your ideal product page design.\n<\/div><div class=\"bde-grid-89127-119 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-89127-120 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-89127-121 bde-heading\">\nProduct Images\n<\/h4><div class=\"bde-text-89127-122 bde-text\">\nDisplay WooCommerce product images in style with no tweaking required.\n<\/div>\n<\/div><div class=\"bde-div-89127-123 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-89127-124 bde-heading\">\nAdd to Cart\n<\/h4><div class=\"bde-text-89127-125 bde-text\">\nQuantity chooser, add to cart button, and more all in one convenient element.\n<\/div>\n<\/div><div class=\"bde-div-89127-126 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-89127-127 bde-heading\">\nProduct Meta\n<\/h4><div class=\"bde-text-89127-128 bde-text\">\nShow important product information such as SKU and categories.\n<\/div>\n<\/div><div class=\"bde-div-89127-129 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-89127-130 bde-heading\">\nProduct Tabs\n<\/h4><div class=\"bde-text-89127-131 bde-text\">\nDisplay the full product description, additional information, and reviews.\n<\/div>\n<\/div><div class=\"bde-div-89127-132 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-89127-133 bde-heading\">\nRelated Products\n<\/h4><div class=\"bde-text-89127-134 bde-text\">\nMake it easy for customers to find and buy similar products they'll love.\n<\/div>\n<\/div><div class=\"bde-div-89127-135 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-89127-136 bde-heading\">\nProduct Price\n<\/h4><div class=\"bde-text-89127-137 bde-text\">\nDisplay the product's sale price and regular price wherever you want.\n<\/div>\n<\/div><div class=\"bde-div-89127-217 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-89127-218 bde-heading\">\nProduct Reviews\n<\/h4><div class=\"bde-text-89127-219 bde-text\">\nDisplay customer sentiment and capture new reviews right on the product page.\n<\/div>\n<\/div><div class=\"bde-div-89127-220 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-89127-221 bde-heading\">\nProduct Stock\n<\/h4><div class=\"bde-text-89127-222 bde-text\">\nLet your customers know if an item is in stock, low on stock, or out of stock.\n<\/div>\n<\/div><div class=\"bde-div-89127-223 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-89127-224 bde-heading\">\nAnd Much More!\n<\/h4><div class=\"bde-text-89127-225 bde-text\">\nWith a wide array of product-specific elements, the possibilities are limitless.\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-89127-187 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-89127-188 bde-columns\"><div class=\"bde-column-89127-189 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-89127-190 bde-heading highlighter\">\nLearn product templating with in-depth <em>tutorials<\/em>\n<\/h2>\n<\/div><div class=\"bde-column-89127-191 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-89127-192 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-89127-193 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\/customization\/designing-the-product-page\/\" 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-89127-194 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\/kB_W9ambqeU?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-89127-138 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-globalblock-89127-139 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>Product Page &#8211; In-Depth Overview &rarr; Product Pages Your Way Don&#8217;t get lost in the crowd. Make your products stand out with 100% customizable product pages. 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 than Elementor&#8221; \u2014 Bo X &#8220;I [&hellip;]<\/p>\n","protected":false},"author":21053,"featured_media":92787,"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-89127","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/89127","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=89127"}],"version-history":[{"count":0,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/89127\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/224"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/media\/92787"}],"wp:attachment":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/media?parent=89127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}