[NICK UI DEMO] Variable Product — Size & Color Selection

Below is a preview of the product data available for synchronization with HubSpot CRM. When the integration is active, this information will automatically populate your HubSpot product records, ensuring your sales team has accurate, up-to-date product details for every client interaction.

{
    "product_id": 5958,
    "name": "[NICK UI DEMO] Variable Product \u2014 Size & Color Selection",
    "slug": "nick-ui-demo-variable-product-size-color-selection",
    "type": "simple",
    "status": "publish",
    "sku": "NICK-DEMO-VAR-001",
    "permalink": "https://qa-mhhc.acorninteractive.ca/product/nick-ui-demo-variable-product-size-color-selection/",
    "date_created": "2026-02-27T01:44:38+00:00",
    "date_modified": "2026-02-27T01:44:38+00:00",
    "pricing": {
        "regular_price": null,
        "sale_price": null,
        "price": "799",
        "price_html": "$799.00"
    },
    "categories": [
        "FOR DELETE",
        "Mobility Aids"
    ],
    "tags": [],
    "short_description": "Adjustable rollator walker available in multiple sizes and colours. Choose your configuration for the perfect fit.",
    "description": "Designer Reference: Variable Product with Attribute Selectors\nWhat this demo shows:\n\nAttribute dropdown selectors (Size + Color)\nPrice range display when no variation selected (\"$799.00 \u2013 $1,199.00\")\nPrice updates to specific amount when variation is selected\nVariation-specific stock status\nVariation description text area (appears below selectors when variation chosen)\n\"Clear\" link to reset selection\n\nEnabled functionality:\n\n\u2705 Price range: $799.00 \u2013 $1,199.00\n\u2705 Size attribute: Small, Medium, Large\n\u2705 Color attribute: Black, Blue, Red\n\u2705 9 variations (3 sizes \u00d7 3 colors)\n\u2705 All variations in stock\n\u2705 SKU updates per variation\n\nDesign notes: The attribute selectors are rendered by WooCommerce as <select> dropdowns by default. Design should specify whether to keep dropdowns or use visual swatches (color dots, size chips). The price display transitions from range to fixed on selection \u2014 design the intermediate \"loading\" state.",
    "images": {
        "featured": "https://d3mxm8atqgkgnc.cloudfront.net/content/uploads/2025/08/23232705/mp07-blue_alt1.jpg",
        "gallery": [
            "https://d3mxm8atqgkgnc.cloudfront.net/content/uploads/2025/08/23232351/wp07-black_alt1.jpg",
            "https://d3mxm8atqgkgnc.cloudfront.net/content/uploads/2025/08/23232815/mh12-green_main.jpg",
            "https://d3mxm8atqgkgnc.cloudfront.net/content/uploads/2026/02/23231848/Permobil_M1_LegrestOverview-compressor-1.jpg"
        ]
    },
    "inventory": {
        "manage_stock": false,
        "stock_status": "instock",
        "stock_qty": null,
        "sold_individually": false
    },
    "shipping": {
        "weight": null,
        "length": null,
        "width": null,
        "height": null,
        "virtual": false
    },
    "meta": {
        "stackable_optimized_css": "",
        "stackable_optimized_css_raw": [],
        "_product_image_gallery": "2131,382,5294",
        "_sku": "NICK-DEMO-VAR-001",
        "_stock_status": "instock",
        "_manage_stock": "no",
        "_product_attributes": {
            "pa_size": {
                "name": "pa_size",
                "value": "",
                "position": 0,
                "is_visible": 1,
                "is_variation": 1,
                "is_taxonomy": 1
            },
            "pa_color": {
                "name": "pa_color",
                "value": "",
                "position": 1,
                "is_visible": 1,
                "is_variation": 1,
                "is_taxonomy": 1
            }
        },
        "_min_variation_price": "799",
        "_max_variation_price": "1199",
        "_min_variation_regular_price": "799",
        "_max_variation_regular_price": "1199",
        "_price": "799"
    }
}