{"id":14,"date":"2026-03-10T21:45:06","date_gmt":"2026-03-10T21:45:06","guid":{"rendered":"https:\/\/woocommerce.pw-cps.com\/index.php\/cps-demo-store\/"},"modified":"2026-03-10T21:46:41","modified_gmt":"2026-03-10T21:46:41","slug":"cps-demo-store","status":"publish","type":"page","link":"https:\/\/woocommerce.pw-cps.com\/","title":{"rendered":"CPS Demo Store"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300;1,9..40,400&family=Instrument+Serif:ital@0;1&display=swap');\n\n:root {\n    --cps-navy: #0c1220;\n    --cps-navy-soft: #1a2236;\n    --cps-gold: #e6a817;\n    --cps-gold-light: #f7b731;\n    --cps-gold-pale: #fada69;\n    --cps-teal: #0ed4a8;\n    --cps-teal-dark: #0ab892;\n    --cps-slate: #64748b;\n    --cps-bg: #fafbfc;\n    --cps-surface: #ffffff;\n    --cps-border: #e8ecf0;\n}\n\n\/* Hide WordPress header\/nav\/footer on this page *\/\n[role=\"banner\"],\nheader.wp-block-template-part,\n.wp-site-blocks > header { display: none !important; }\n[role=\"contentinfo\"],\nfooter.wp-block-template-part,\n.wp-site-blocks > footer { display: none !important; }\n.wp-site-blocks { padding: 0 !important; gap: 0 !important; }\nmain > h1:first-child,\n.entry-header,\n.wp-block-post-title { display: none !important; }\n.entry-content, main { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }\n\n\/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cps-hero {\n    background: var(--cps-bg);\n    padding: 64px 40px 56px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n.cps-hero::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--cps-teal), var(--cps-gold), var(--cps-teal));\n}\n.cps-hero-logo {\n    width: 180px;\n    margin: 0 auto 32px;\n    display: block;\n}\n.cps-hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--cps-teal-dark);\n    background: rgba(14,212,168,0.08);\n    border: 1px solid rgba(14,212,168,0.25);\n    border-radius: 100px;\n    padding: 6px 18px;\n    margin-bottom: 28px;\n}\n.cps-hero-badge::before {\n    content: '';\n    width: 6px;\n    height: 6px;\n    background: var(--cps-teal);\n    border-radius: 50%;\n    animation: pulse-dot 2s ease infinite;\n}\n@keyframes pulse-dot {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.4; }\n}\n.cps-hero h1 {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 42px;\n    font-weight: 700;\n    color: var(--cps-navy);\n    line-height: 1.15;\n    margin: 0 auto 20px;\n    max-width: 700px;\n}\n.cps-hero h1 em {\n    font-family: 'Instrument Serif', serif;\n    font-style: italic;\n    color: var(--cps-gold);\n    font-weight: 400;\n}\n.cps-hero-desc {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 17px;\n    line-height: 1.65;\n    color: var(--cps-slate);\n    max-width: 540px;\n    margin: 0 auto 20px;\n}\n.cps-hero-link {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 14px;\n    color: var(--cps-slate);\n    margin: 0 auto 32px;\n}\n.cps-hero-link a {\n    color: var(--cps-gold);\n    font-weight: 600;\n    text-decoration: none;\n}\n.cps-hero-link a:hover {\n    color: var(--cps-gold-light);\n}\n.cps-hero-tags {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n.cps-hero-tag {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--cps-navy-soft);\n    background: var(--cps-surface);\n    border: 1px solid var(--cps-border);\n    border-radius: 6px;\n    padding: 7px 16px;\n    transition: border-color 0.2s;\n}\n.cps-hero-tag:hover {\n    border-color: var(--cps-gold-light);\n}\n\n\/* \u2500\u2500 Divider \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cps-divider {\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--cps-border), transparent);\n    margin: 0;\n}\n\n\/* \u2500\u2500 Products Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cps-products {\n    background: var(--cps-surface);\n    padding: 56px 40px 64px;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n.cps-products-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    margin-bottom: 32px;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n.cps-products-title {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 26px;\n    font-weight: 700;\n    color: var(--cps-navy);\n    margin: 0;\n}\n.cps-products-sub {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 14px;\n    color: var(--cps-slate);\n}\n\n\/* Style WooCommerce product grid *\/\n.cps-products .woocommerce ul.products {\n    display: grid !important;\n    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    gap: 24px;\n}\n.cps-products .woocommerce ul.products li.product {\n    background: var(--cps-bg);\n    border: 1px solid var(--cps-border);\n    border-radius: 12px;\n    overflow: hidden;\n    transition: border-color 0.25s, box-shadow 0.25s;\n    float: none !important;\n    width: 100% !important;\n    margin: 0 !important;\n    padding: 20px !important;\n}\n.cps-products .woocommerce ul.products li.product:hover {\n    border-color: var(--cps-gold-light);\n    box-shadow: 0 8px 32px rgba(230,168,23,0.08);\n}\n.cps-products .woocommerce ul.products li.product img {\n    border-radius: 8px;\n    margin-bottom: 16px !important;\n}\n.cps-products .woocommerce ul.products li.product .woocommerce-loop-product__title {\n    font-family: 'DM Sans', sans-serif !important;\n    font-size: 15px !important;\n    font-weight: 600 !important;\n    color: var(--cps-navy) !important;\n    padding: 0 !important;\n}\n.cps-products .woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {\n    color: var(--cps-gold) !important;\n}\n\/* Hide default price and add to cart *\/\n.cps-products .woocommerce ul.products li.product .price { display: none !important; }\n.cps-products .woocommerce ul.products li.product .button { display: none !important; }\n\n\/* Configure button *\/\n.cps-configure-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--cps-teal-dark);\n    background: rgba(14,212,168,0.08);\n    border: 1px solid rgba(14,212,168,0.2);\n    border-radius: 8px;\n    padding: 9px 18px;\n    margin-top: 12px;\n    text-decoration: none;\n    transition: background 0.2s, border-color 0.2s, color 0.2s;\n    cursor: pointer;\n}\n.cps-configure-btn:hover {\n    background: var(--cps-teal);\n    border-color: var(--cps-teal);\n    color: #fff;\n    text-decoration: none;\n}\n.cps-configure-btn svg {\n    width: 14px;\n    height: 14px;\n    fill: currentColor;\n}\n\n\/* \u2500\u2500 Footer CPS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cps-footer {\n    text-align: center;\n    padding: 40px 20px;\n    border-top: 1px solid var(--cps-border);\n}\n.cps-footer p {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 13px;\n    color: var(--cps-slate);\n    margin: 0;\n}\n.cps-footer a {\n    color: var(--cps-gold);\n    text-decoration: none;\n    font-weight: 600;\n}\n.cps-footer a:hover {\n    color: var(--cps-gold-light);\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 768px) {\n    .cps-hero { padding: 48px 24px 40px; }\n    .cps-hero h1 { font-size: 32px; }\n    .cps-hero-logo { width: 140px; }\n    .cps-products { padding: 40px 24px 48px; }\n    .cps-products-header { flex-direction: column; }\n}\n<\/style>\n\n<div class=\"cps-hero\">\n    <img decoding=\"async\" src=\"\/wp-content\/plugins\/cps-woocommerce\/assets\/img\/cps-logo-light.png\" alt=\"PeopleWare CPS\" class=\"cps-hero-logo\" \/>\n    <div class=\"cps-hero-badge\">WOOCOMMERCE DEMO STORE<\/div>\n    <h1>Real-time product<br>config, price <em>&amp; Sell<\/em><\/h1>\n    <p class=\"cps-hero-desc\">This store demonstrates the PeopleWare CPS plugin for WooCommerce. Browse the products below to experience dynamic configuration forms, real-time price calculation, and breakdown outputs.<\/p>\n    <p class=\"cps-hero-link\">For more information visit <a href=\"https:\/\/pw-cps.com\" target=\"_blank\">pw-cps.com<\/a><\/p>\n    <div class=\"cps-hero-tags\">\n        <span class=\"cps-hero-tag\">Real-time Pricing<\/span>\n        <span class=\"cps-hero-tag\">Direct Sell!<\/span>\n        <span class=\"cps-hero-tag\">7+ Themes<\/span>\n        <span class=\"cps-hero-tag\">MCP Ready<\/span>\n        <span class=\"cps-hero-tag\">AI Schema Builder<\/span>\n        <span class=\"cps-hero-tag\">1 Schema, 5+ Platforms<\/span>\n        <span class=\"cps-hero-tag\">ERP &amp; Production Ready<\/span>\n        <span class=\"cps-hero-tag\">REST API<\/span>\n        <span class=\"cps-hero-tag\">WooCommerce<\/span>\n        <span class=\"cps-hero-tag\">CPS Plugin Free<\/span>\n    <\/div>\n<\/div>\n\n<div class=\"cps-divider\"><\/div>\n\n<div class=\"cps-products\">\n    <div class=\"cps-products-header\">\n        <h2 class=\"cps-products-title\">Demo Products<\/h2>\n        <span class=\"cps-products-sub\">Select a product to configure<\/span>\n    <\/div>\n    <div class=\"woocommerce columns-3 \"><ul class=\"products columns-3\">\n<li class=\"product type-product post-11 status-publish first instock product_cat-uncategorized shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/woocommerce.pw-cps.com\/index.php\/product\/janela-por-medida\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder.webp\" class=\"woocommerce-placeholder wp-post-image\" alt=\"Placeholder\" srcset=\"https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder.webp 1200w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp 300w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-1024x1024.webp 1024w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-150x150.webp 150w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-768x768.webp 768w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">All Fields Showcase<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>100.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/index.php\/wp-json\/wp\/v2\/pages\/14?add-to-cart=11\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_11\" data-quantity=\"1\" class=\"button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"11\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;All Fields Showcase&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;All Fields Showcase&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_11\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-12 status-publish instock product_cat-uncategorized shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/woocommerce.pw-cps.com\/index.php\/product\/kit-solar\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder.webp\" class=\"woocommerce-placeholder wp-post-image\" alt=\"Placeholder\" srcset=\"https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder.webp 1200w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp 300w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-1024x1024.webp 1024w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-150x150.webp 150w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-768x768.webp 768w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Kit Solar Residencial<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>500.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/index.php\/wp-json\/wp\/v2\/pages\/14?add-to-cart=12\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_12\" data-quantity=\"1\" class=\"button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"12\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Kit Solar Residencial&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Kit Solar Residencial&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_12\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-21 status-publish last instock shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/woocommerce.pw-cps.com\/index.php\/product\/parafuso-industrial-teste-precisao\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder.webp\" class=\"woocommerce-placeholder wp-post-image\" alt=\"Placeholder\" srcset=\"https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder.webp 1200w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp 300w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-1024x1024.webp 1024w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-150x150.webp 150w, https:\/\/woocommerce.pw-cps.com\/wp-content\/uploads\/woocommerce-placeholder-768x768.webp 768w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Parafuso Industrial \u2014 Teste Precis\u00e3o<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>0.01<\/bdi><\/span><\/span>\n<\/a><a href=\"\/index.php\/wp-json\/wp\/v2\/pages\/14?add-to-cart=21\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_21\" data-quantity=\"1\" class=\"button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"21\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Parafuso Industrial \u2014 Teste Precis\u00e3o&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Parafuso Industrial \u2014 Teste Precis\u00e3o&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_21\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n<div class=\"cps-footer\">\n    <p>Powered by <a href=\"https:\/\/pw-cps.com\" target=\"_blank\">PeopleWare CPS<\/a> &mdash; Configure, Price, Sell for e-commerce<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>WOOCOMMERCE DEMO STORE Real-time productconfig, price &amp; Sell This store demonstrates the PeopleWare CPS plugin for WooCommerce. Browse the products below to experience dynamic configuration forms, real-time price calculation, and breakdown outputs. For more information visit pw-cps.com Real-time Pricing Direct Sell! 7+ Themes MCP Ready AI Schema Builder 1 Schema, 5+ Platforms ERP &amp; Production [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/woocommerce.pw-cps.com\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/woocommerce.pw-cps.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/woocommerce.pw-cps.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/woocommerce.pw-cps.com\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":1,"href":"https:\/\/woocommerce.pw-cps.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/woocommerce.pw-cps.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/woocommerce.pw-cps.com\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}