Jason
461 lines
13 KiB
JSON
461 lines
13 KiB
JSON
{
|
|
"start": {
|
|
"type": "question",
|
|
"inputType": "button",
|
|
"title": "What are you looking for?",
|
|
"subtitle": "Select the product category",
|
|
"notes": "<p><strong>Quick Tips:</strong></p><ul><li>Press <strong>Ctrl+Shift+R</strong> (Windows) or <strong>Cmd+Shift+R</strong> (Mac) to hard refresh the page</li><li>Press <strong>F5</strong> to reload the application</li><li>Use the back button or breadcrumbs to navigate</li></ul>",
|
|
"answers": [
|
|
{
|
|
"caption": "Door",
|
|
"image": "\ud83d\udeaa",
|
|
"next": "q-door-type",
|
|
"filter": {
|
|
"baseType": "Door"
|
|
}
|
|
},
|
|
{
|
|
"caption": "Window",
|
|
"image": "\ud83e\ude9f",
|
|
"next": "q-window-type",
|
|
"filter": {
|
|
"baseType": "Window"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"q-door-type": {
|
|
"type": "question",
|
|
"inputType": "button",
|
|
"title": "What type of door?",
|
|
"subtitle": "Select the door category",
|
|
"answers": [
|
|
{
|
|
"caption": "Patio Door",
|
|
"image": "\ud83d\udeaa",
|
|
"next": "q-material-patio-door",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Patio Door"
|
|
}
|
|
},
|
|
{
|
|
"caption": "Storm Door",
|
|
"image": "\ud83d\udeaa",
|
|
"next": "q-color-storm-door-aluminum",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Storm Door",
|
|
"material": "Aluminum"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"q-material-patio-door": {
|
|
"type": "question",
|
|
"inputType": "button",
|
|
"title": "Select Material",
|
|
"subtitle": "Choose your preferred material for Patio Door",
|
|
"conditional": {
|
|
"type": "material",
|
|
"fallbackNext": "q-dimensions"
|
|
},
|
|
"answers": [
|
|
{
|
|
"caption": "Aluminum",
|
|
"image": "\ud83d\udd29",
|
|
"next": "q-color-patio-door-aluminum",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Patio Door",
|
|
"material": "Aluminum"
|
|
}
|
|
},
|
|
{
|
|
"caption": "Vinyl",
|
|
"image": "\ud83e\ude9f",
|
|
"next": "q-color-patio-door-vinyl",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Patio Door",
|
|
"material": "Vinyl"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"q-color-patio-door-aluminum": {
|
|
"type": "question",
|
|
"inputType": "button",
|
|
"title": "Select Color",
|
|
"subtitle": "Choose your preferred color for Aluminum Patio Door",
|
|
"conditional": {
|
|
"type": "color",
|
|
"fallbackNext": "q-dimensions"
|
|
},
|
|
"answers": [
|
|
{
|
|
"caption": "Black",
|
|
"image": "\u2b1b",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Patio Door",
|
|
"material": "Aluminum",
|
|
"color": "Black"
|
|
}
|
|
},
|
|
{
|
|
"caption": "Bronze",
|
|
"image": "\ud83d\udfeb",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Patio Door",
|
|
"material": "Aluminum",
|
|
"color": "Bronze"
|
|
}
|
|
},
|
|
{
|
|
"caption": "Sandstone",
|
|
"image": "\ud83d\udfe8",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Patio Door",
|
|
"material": "Aluminum",
|
|
"color": "Sandstone"
|
|
}
|
|
},
|
|
{
|
|
"caption": "White",
|
|
"image": "\u2b1c",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Patio Door",
|
|
"material": "Aluminum",
|
|
"color": "White"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"q-color-patio-door-vinyl": {
|
|
"type": "question",
|
|
"inputType": "button",
|
|
"title": "Select Color",
|
|
"subtitle": "Choose your preferred color for Vinyl Patio Door",
|
|
"conditional": {
|
|
"type": "color",
|
|
"fallbackNext": "q-dimensions"
|
|
},
|
|
"answers": [
|
|
{
|
|
"caption": "Tan",
|
|
"image": "\ud83d\udfe4",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Patio Door",
|
|
"material": "Vinyl",
|
|
"color": "Tan"
|
|
}
|
|
},
|
|
{
|
|
"caption": "White",
|
|
"image": "\u2b1c",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Patio Door",
|
|
"material": "Vinyl",
|
|
"color": "White"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"q-color-storm-door-aluminum": {
|
|
"type": "question",
|
|
"inputType": "button",
|
|
"title": "Select Color",
|
|
"subtitle": "Choose your preferred color for Aluminum Storm Door",
|
|
"conditional": {
|
|
"type": "color",
|
|
"fallbackNext": "q-storm-door-sizes"
|
|
},
|
|
"answers": [
|
|
{
|
|
"caption": "Black",
|
|
"image": "\u2b1b",
|
|
"next": "q-storm-door-sizes",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Storm Door",
|
|
"material": "Aluminum",
|
|
"color": "Black"
|
|
}
|
|
},
|
|
{
|
|
"caption": "Bronze",
|
|
"image": "\ud83d\udfeb",
|
|
"next": "q-storm-door-sizes",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Storm Door",
|
|
"material": "Aluminum",
|
|
"color": "Bronze"
|
|
}
|
|
},
|
|
{
|
|
"caption": "Sandstone",
|
|
"image": "\ud83d\udfe8",
|
|
"next": "q-storm-door-sizes",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Storm Door",
|
|
"material": "Aluminum",
|
|
"color": "Sandstone"
|
|
}
|
|
},
|
|
{
|
|
"caption": "White",
|
|
"image": "\u2b1c",
|
|
"next": "q-storm-door-sizes",
|
|
"filter": {
|
|
"baseType": "Door",
|
|
"subType": "Storm Door",
|
|
"material": "Aluminum",
|
|
"color": "White"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"q-window-type": {
|
|
"type": "question",
|
|
"inputType": "button",
|
|
"title": "What type of window?",
|
|
"subtitle": "Select the window category",
|
|
"answers": [
|
|
{
|
|
"caption": "Primary Window",
|
|
"image": "\ud83e\ude9f",
|
|
"next": "q-material-primary-window",
|
|
"filter": {
|
|
"baseType": "Window",
|
|
"subType": "Primary Window"
|
|
}
|
|
},
|
|
{
|
|
"caption": "Storm Window",
|
|
"image": "\ud83e\ude9f",
|
|
"next": "q-color-storm-window-aluminum",
|
|
"filter": {
|
|
"baseType": "Window",
|
|
"subType": "Storm Window",
|
|
"material": "Aluminum"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"q-material-primary-window": {
|
|
"type": "question",
|
|
"inputType": "button",
|
|
"title": "Select Material",
|
|
"subtitle": "Choose your preferred material for Primary Window",
|
|
"conditional": {
|
|
"type": "material",
|
|
"fallbackNext": "q-dimensions"
|
|
},
|
|
"answers": [
|
|
{
|
|
"caption": "Aluminum",
|
|
"image": "\ud83d\udd29",
|
|
"next": "q-color-primary-window-aluminum",
|
|
"filter": {
|
|
"baseType": "Window",
|
|
"subType": "Primary Window",
|
|
"material": "Aluminum"
|
|
}
|
|
},
|
|
{
|
|
"caption": "Vinyl",
|
|
"image": "\ud83e\ude9f",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Window",
|
|
"subType": "Primary Window",
|
|
"material": "Vinyl"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"q-storm-door-sizes": {
|
|
"type": "question",
|
|
"inputType": "button",
|
|
"title": "Select Storm Door Size",
|
|
"subtitle": "Choose a standard size or enter custom dimensions",
|
|
"notes": "<p><strong>How to Measure:</strong></p><p>For accurate measurements, please refer to our <a href='https://columbiawindows.com/wp-content/uploads/2014/10/How-to-Measure2.pdf' target='_blank'>How to Measure Guide (PDF)</a>.</p><p><strong>Quick Tips:</strong></p><ul><li>Measure the rough opening, not the existing unit</li><li>Measure width at the top, middle, and bottom - use the smallest measurement</li><li>Measure height on the left, center, and right - use the smallest measurement</li><li>Round down to the nearest inch</li></ul>",
|
|
"answers": [
|
|
{
|
|
"caption": "30\" x 81\"<br /><span class=\"prod_code\">2668</span>",
|
|
"image": "📏",
|
|
"next": "results",
|
|
"dimensions": {
|
|
"width": 30,
|
|
"height": 81
|
|
}
|
|
},
|
|
{
|
|
"caption": "32\" x 81\"<br /><span class=\"prod_code\">2868</span>",
|
|
"image": "📏",
|
|
"next": "results",
|
|
"dimensions": {
|
|
"width": 32,
|
|
"height": 81
|
|
}
|
|
},
|
|
{
|
|
"caption": "36\" x 81\"<br /><span class=\"prod_code\">3068</span>",
|
|
"image": "📏",
|
|
"next": "results",
|
|
"dimensions": {
|
|
"width": 36,
|
|
"height": 81
|
|
}
|
|
},
|
|
{
|
|
"caption": "Custom Size",
|
|
"image": "✏️",
|
|
"next": "q-dimensions"
|
|
}
|
|
]
|
|
},
|
|
"q-color-primary-window-aluminum": {
|
|
"type": "question",
|
|
"inputType": "button",
|
|
"title": "Select Color",
|
|
"subtitle": "Choose your preferred color for Aluminum Primary Window",
|
|
"conditional": {
|
|
"type": "color",
|
|
"fallbackNext": "q-dimensions"
|
|
},
|
|
"answers": [
|
|
{
|
|
"caption": "Bronze",
|
|
"image": "\ud83d\udfeb",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Window",
|
|
"subType": "Primary Window",
|
|
"material": "Aluminum",
|
|
"color": "Bronze"
|
|
}
|
|
},
|
|
{
|
|
"caption": "White",
|
|
"image": "\u2b1c",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Window",
|
|
"subType": "Primary Window",
|
|
"material": "Aluminum",
|
|
"color": "White"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"q-color-storm-window-aluminum": {
|
|
"type": "question",
|
|
"inputType": "button",
|
|
"title": "Select Color",
|
|
"subtitle": "Choose your preferred color for Aluminum Storm Window",
|
|
"conditional": {
|
|
"type": "color",
|
|
"fallbackNext": "q-dimensions"
|
|
},
|
|
"answers": [
|
|
{
|
|
"caption": "Black",
|
|
"image": "\u2b1b",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Window",
|
|
"subType": "Storm Window",
|
|
"material": "Aluminum",
|
|
"color": "Black"
|
|
}
|
|
},
|
|
{
|
|
"caption": "Bronze",
|
|
"image": "\ud83d\udfeb",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Window",
|
|
"subType": "Storm Window",
|
|
"material": "Aluminum",
|
|
"color": "Bronze"
|
|
}
|
|
},
|
|
{
|
|
"caption": "Sandstone",
|
|
"image": "\ud83d\udfe8",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Window",
|
|
"subType": "Storm Window",
|
|
"material": "Aluminum",
|
|
"color": "Sandstone"
|
|
}
|
|
},
|
|
{
|
|
"caption": "White",
|
|
"image": "\u2b1c",
|
|
"next": "q-dimensions",
|
|
"filter": {
|
|
"baseType": "Window",
|
|
"subType": "Storm Window",
|
|
"material": "Aluminum",
|
|
"color": "White"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"q-dimensions": {
|
|
"type": "question",
|
|
"inputType": "form",
|
|
"title": "Select Storm Door Size",
|
|
"subtitle": "Choose a standard size or enter custom dimensions",
|
|
"notes": "<p><strong>How to Measure:</strong></p><p>For accurate measurements, please refer to our <a href='https://columbiawindows.com/wp-content/uploads/2014/10/How-to-Measure2.pdf' target='_blank'>How to Measure Guide (PDF)</a>.</p><p><strong>Quick Tips:</strong></p><ul><li>Measure the rough opening, not the existing unit</li><li>Measure width at the top, middle, and bottom - use the smallest measurement</li><li>Measure height on the left, center, and right - use the smallest measurement</li><li>Round down to the nearest inch</li></ul>",
|
|
"measurementType": {
|
|
"defaultValue": "opening-size",
|
|
"options": [
|
|
{
|
|
"value": "opening-size",
|
|
"label": "Opening Size",
|
|
"disabled": false
|
|
},
|
|
{
|
|
"value": "tip-to-tip",
|
|
"label": "Tip-to-tip",
|
|
"disabled": true
|
|
}
|
|
]
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "width",
|
|
"label": "Width (inches)",
|
|
"type": "number",
|
|
"required": true,
|
|
"placeholder": "26"
|
|
},
|
|
{
|
|
"name": "height",
|
|
"label": "Height (inches)",
|
|
"type": "number",
|
|
"required": true,
|
|
"placeholder": "81"
|
|
}
|
|
],
|
|
"next": "results"
|
|
}
|
|
} |