<!--
Name: Framed Photo Order
Description: Customers upload their own photo and see it framed live, drawn to scale: moulding, frame width, mount and "view on a wall" scenes. The framed picture is saved with the order. Comes with a catalog item for checkout.
Type: form
Version: pro
CraftForms-Version: 1
Icon: format-image
UUID: form_starter_framed_photo
Goals: calculator
Industries: print, custom-goods
Delivery: wordpress, embed
Catalog-Item: framed-photo
-->
<!--craftforms-meta
{
    "formula": "size_price + (frame_color_price + frame_width_price) * 4.5 * print_size / 100 + mount_color_price + 12",
    "transformations": [
        {
            "name": "size_price",
            "type": "linked",
            "linkedField": "print_size",
            "lookupColumn": "price",
            "lookupStrategy": "exact",
            "defValue": 45
        },
        {
            "name": "frame_color_price",
            "type": "linked",
            "linkedField": "frame_color",
            "lookupColumn": "price",
            "lookupStrategy": "exact",
            "defValue": 0
        },
        {
            "name": "frame_width_price",
            "type": "linked",
            "linkedField": "frame_width",
            "lookupColumn": "price",
            "lookupStrategy": "exact",
            "defValue": 0
        },
        {
            "name": "mount_color_price",
            "type": "linked",
            "linkedField": "mount_color",
            "lookupColumn": "price",
            "lookupStrategy": "exact",
            "defValue": 0
        }
    ],
    "conditionalLogicRules": [
        {
            "id": "rule-hide-frame-width-print-only",
            "action": "show",
            "targets": [
                "frame_width"
            ],
            "cssSelector": "",
            "targetField": "",
            "targetOptions": [],
            "conditionField": "frame_color",
            "operator": "not-equals",
            "conditionValue": "none",
            "conditionValues": []
        },
        {
            "id": "rule-hide-frame-width-metal",
            "action": "hide-option",
            "targets": [],
            "cssSelector": "",
            "targetField": "frame_width",
            "targetOptions": [
                "23",
                "38"
            ],
            "conditionField": "frame_color",
            "operator": "equals",
            "conditionValue": "metal",
            "conditionValues": []
        }
    ],
    "displayFieldsLogic": {
        "[data-craftforms-field=\"frame_width\"]": "frame_color != 'none'"
    },
    "disableFieldsLogic": [],
    "displayOptionsLogic": {
        "frame_width:23": "!(frame_color == 'metal')",
        "frame_width:38": "!(frame_color == 'metal')"
    },
    "submitActions": [
        {
            "id": "action-save-1",
            "type": "save_submission",
            "order": 1,
            "settings": []
        }
    ],
    "sendEmails": true,
    "createEntries": true
}
-->
<!--craftforms-assets
{"1440":{"hash":"7dbc8878d05aa069ccaeb649030ccd4f01ab5c5e","filename":"art-wallpaper.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/art-wallpaper.jpg"},"1421":{"hash":"e3444f51e4d5a8f99f387955a18fe2041a7095f9","filename":"moulding-black.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame/moulding-black.jpg"},"1424":{"hash":"7e7a44c39e8bfe7bf4600ab7533837735d1dadfa","filename":"moulding-white.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame/moulding-white.jpg"},"1423":{"hash":"35ad032cda3a2fb3f7851de45898e91b124928bc","filename":"moulding-oak.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame/moulding-oak.jpg"},"1422":{"hash":"b3f3da24f34706216630f00eb9627d6604f5ec9b","filename":"moulding-metal.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame/moulding-metal.jpg"},"1554":{"hash":"bc63b71a3543d4a5626832c2b5356d67916d14cf","filename":"room.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame-configurator/room.jpg"},"1552":{"hash":"8a96a368626c24223163d389a1682a514b2bc15f","filename":"wall.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame-configurator/wall.jpg"},"1441":{"hash":"114b6d98544b3048dcd696576ecc97ceb0bdebb5","filename":"moulding-none.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame/moulding-none.jpg"},"1500":{"hash":"edee18375f913350dd2d9fc97347acfdf74c5e59","filename":"mount-white.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame/mount-white.jpg"},"1501":{"hash":"d89f9b17ebc7a5b49b15a0117b45cd9592110d44","filename":"mount-ivory.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame/mount-ivory.jpg"},"1502":{"hash":"9b5616f0e199859fd7069beff94dd1f872c2b1b0","filename":"mount-black.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame/mount-black.jpg"},"1503":{"hash":"aa7a0a86b017e8e6bc2ffa789108548ceb23e35e","filename":"mount-grey.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame/mount-grey.jpg"},"1504":{"hash":"9155c5681014cd8365d6901b9bfcea53eb7eadd4","filename":"mount-none.jpg","mime":"image/jpeg","path":"starters/wc-products/assets/picture-frame/mount-none.jpg"}}
-->
<!-- wp:craftforms/form {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"layout":{"type":"default"}} -->

<!-- wp:craftforms/picture-frame {"images":[{"id":1440,"url":"https://sandbox.test/wp-content/uploads/2026/09/art-wallpaper.jpg","thumbUrl":"https://sandbox.test/wp-content/uploads/2026/09/art-wallpaper-150x150.jpg","alt":""}],"frame":{"enabled":true,"mode":"field","connectedField":"frame_color","static":{"texture":null,"baseColor":"#caa46a"},"choices":[{"value":"black","texture":{"id":1421,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-black.jpg","thumbUrl":"https://sandbox.test/wp-content/uploads/2026/09/moulding-black-150x150.jpg","alt":""},"baseColor":"#1b1b1b"},{"value":"white","texture":{"id":1424,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-white.jpg","thumbUrl":"https://sandbox.test/wp-content/uploads/2026/09/moulding-white-150x150.jpg","alt":""},"baseColor":"#f3f1ec"},{"value":"oak","texture":{"id":1423,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-oak.jpg","thumbUrl":"https://sandbox.test/wp-content/uploads/2026/09/moulding-oak-150x150.jpg","alt":""},"baseColor":"#d9c3a0"},{"value":"metal","texture":{"id":1422,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-metal.jpg","thumbUrl":"https://sandbox.test/wp-content/uploads/2026/09/moulding-metal-150x150.jpg","alt":""},"baseColor":"#a7abaf"},{"value":"none","none":true}],"width":{"mode":"field","value":2.3,"connectedField":"frame_width","choices":[{"value":"15","width":1.5},{"value":"23","width":2.3},{"value":"38","width":3.8}]}},"mount":{"enabled":true,"mode":"field","connectedField":"mount_color","static":{"color":"#ffffff"},"choices":[{"value":"white","color":"#f7f5f0"},{"value":"ivory","color":"#ede4d3"},{"value":"black","color":"#1c1c1c"},{"value":"grey","color":"#9b9b98"},{"value":"none","none":true}],"width":{"mode":"static","value":6,"connectedField":"","choices":[]}},"print":{"mode":"field","value":50,"connectedField":"print_size","choices":[{"value":"30","width":30},{"value":"50","width":50},{"value":"70","width":70},{"value":"100","width":100}]},"scenes":[{"id":"scene_living","label":"Living room","background":{"id":1554,"url":"https://sandbox.test/wp-content/uploads/2026/09/room.jpg","thumbUrl":"https://sandbox.test/wp-content/uploads/2026/09/room-150x150.jpg","alt":""},"region":{"xPercent":50,"yPercent":32,"widthPercent":55,"heightPercent":48,"realWidthCm":220,"realHeightCm":120}},{"id":"scene_bedroom","label":"Wall","background":{"id":1552,"url":"https://sandbox.test/wp-content/uploads/2026/09/wall.jpg","thumbUrl":"https://sandbox.test/wp-content/uploads/2026/09/wall-150x150.jpg","alt":""},"region":{"xPercent":50.33149508481526,"yPercent":34.522056579589844,"widthPercent":44.75138121546962,"heightPercent":55.14705882352942,"realWidthCm":180,"realHeightCm":80}}],"zoomEnabled":true,"thumbnailSize":64,"saveOnSubmit":true,"saveResultField":"framedImg","uploadField":"photo"} /-->

<!-- wp:craftforms/file-field {"name":"photo","label":"Your photo (JPG or PNG)","required":true,"maxSizeMB":15,"allowedTypes":["image/jpeg","image/png"]} -->
<!-- wp:craftforms/label {"content":"Your photo (JPG or PNG)"} /-->

<!-- wp:craftforms/file {"name":"photo","required":true,"maxSizeMB":15,"allowedTypes":["image/jpeg","image/png"]} /-->

<!-- wp:craftforms/form-error {"content":"{{error.photo}}"} /-->
<!-- /wp:craftforms/file-field -->

<!-- wp:craftforms/infoblock {"style":{"spacing":{"padding":{"top":"0px","bottom":"10px","left":"0px","right":"0px"}}}} -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.8rem","fontStyle":"italic"}}} -->
<p style="font-size:0.8rem;font-style:italic">Upload a photo and it appears inside the frame straight away. We print from your original file.</p>
<!-- /wp:paragraph -->
<!-- /wp:craftforms/infoblock -->

<!-- wp:craftforms/radio-field {"name":"print_size","label":"Print size","options":[{"label":"Small · 30 cm wide","value":"30","price":29},{"label":"Medium · 50 cm wide","value":"50","price":45},{"label":"Large · 70 cm wide","value":"70","price":69},{"label":"XL · 100 cm wide","value":"100","price":109}],"optionStyle":"text","defaultValue":"50","required":true,"requiredMessage":"Please choose print size","className":"is-layout-flex"} -->
<div data-fieldname="print_size" aria-describedby="print_size-error" data-validate-minselected="1" data-validate-minselected-message="Please choose print size" role="group" aria-labelledby="print_size-label" data-craftforms-field="print_size" class="wp-block-craftforms-radio-field is-layout-flex"><!-- wp:craftforms/label {"content":"Print size"} /-->

<!-- wp:craftforms/options-group {"layout":{"type":"flex","orientation":"horizontal","flexWrap":"wrap"},"className":"is-layout-flex"} -->
<div class="wp-block-craftforms-options-group craftforms-options-group is-layout-flex"><!-- wp:craftforms/radio-option {"label":"Small · 30 cm wide","value":"30","name":"print_size","price":29,"optionStyle":"text"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Small · 30 cm wide</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Medium · 50 cm wide","value":"50","checked":true,"name":"print_size","price":45,"optionStyle":"text"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Medium · 50 cm wide</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Large · 70 cm wide","value":"70","name":"print_size","price":69,"optionStyle":"text"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Large · 70 cm wide</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"XL · 100 cm wide","value":"100","name":"print_size","price":109,"optionStyle":"text"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">XL · 100 cm wide</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option --></div>
<!-- /wp:craftforms/options-group -->

<!-- wp:craftforms/form-error {"content":"{{error.print_size}}","style":{"color":{"text":"#cc1818"},"typography":{"fontSize":"0.8em"}}} /--></div>
<!-- /wp:craftforms/radio-field -->

<!-- wp:craftforms/radio-field {"name":"frame_color","label":"Frame","options":[{"label":"Black","value":"black","price":14,"image":{"id":1421,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-black.jpg","alt":""}},{"label":"White","value":"white","price":14,"image":{"id":1424,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-white.jpg","alt":""}},{"label":"Oak","value":"oak","price":18,"image":{"id":1423,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-oak.jpg","alt":""}},{"label":"Brushed metal","value":"metal","price":22,"image":{"id":1422,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-metal.jpg","alt":""}},{"label":"Print only","value":"none","price":0,"image":{"id":1441,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-none.jpg","alt":""}}],"optionStyle":"image","optionSwatchWidth":72,"optionSwatchHeight":72,"defaultValue":"oak","required":true,"requiredMessage":"Please choose frame","className":"is-layout-flex"} -->
<div data-fieldname="frame_color" aria-describedby="frame_color-error" data-validate-minselected="1" data-validate-minselected-message="Please choose frame" role="group" aria-labelledby="frame_color-label" data-craftforms-field="frame_color" class="wp-block-craftforms-radio-field is-layout-flex"><!-- wp:craftforms/label {"content":"Frame"} /-->

<!-- wp:craftforms/options-group {"layout":{"type":"flex","orientation":"horizontal","flexWrap":"wrap"},"className":"is-layout-flex"} -->
<div class="wp-block-craftforms-options-group craftforms-options-group is-layout-flex"><!-- wp:craftforms/radio-option {"label":"Black","value":"black","name":"frame_color","price":14,"image":{"id":1421,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-black.jpg","alt":""},"optionStyle":"image"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Black</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"White","value":"white","name":"frame_color","price":14,"image":{"id":1424,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-white.jpg","alt":""},"optionStyle":"image"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">White</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Oak","value":"oak","checked":true,"name":"frame_color","price":18,"image":{"id":1423,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-oak.jpg","alt":""},"optionStyle":"image"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Oak</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Brushed metal","value":"metal","name":"frame_color","price":22,"image":{"id":1422,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-metal.jpg","alt":""},"optionStyle":"image"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Brushed metal</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Print only","value":"none","name":"frame_color","price":0,"image":{"id":1441,"url":"https://sandbox.test/wp-content/uploads/2026/09/moulding-none.jpg","alt":""},"optionStyle":"image"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Print only</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option --></div>
<!-- /wp:craftforms/options-group -->

<!-- wp:craftforms/form-error {"content":"{{error.frame_color}}","style":{"color":{"text":"#cc1818"},"typography":{"fontSize":"0.8em"}}} /--></div>
<!-- /wp:craftforms/radio-field -->

<!-- wp:craftforms/radio-field {"name":"frame_width","label":"Frame width","options":[{"label":"Slim · 15 mm","value":"15","price":0},{"label":"Classic · 23 mm","value":"23","price":4},{"label":"Chunky · 38 mm","value":"38","price":9}],"optionStyle":"text","defaultValue":"23","required":true,"requiredMessage":"Please choose frame width","className":"is-layout-flex"} -->
<div data-fieldname="frame_width" aria-describedby="frame_width-error" data-validate-minselected="1" data-validate-minselected-message="Please choose frame width" role="group" aria-labelledby="frame_width-label" data-craftforms-field="frame_width" class="wp-block-craftforms-radio-field is-layout-flex"><!-- wp:craftforms/label {"content":"Frame width"} /-->

<!-- wp:craftforms/options-group {"layout":{"type":"flex","orientation":"horizontal","flexWrap":"wrap"},"className":"is-layout-flex"} -->
<div class="wp-block-craftforms-options-group craftforms-options-group is-layout-flex"><!-- wp:craftforms/radio-option {"label":"Slim · 15 mm","value":"15","name":"frame_width","price":0,"optionStyle":"text"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Slim · 15 mm</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Classic · 23 mm","value":"23","checked":true,"name":"frame_width","price":4,"optionStyle":"text"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Classic · 23 mm</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Chunky · 38 mm","value":"38","name":"frame_width","price":9,"optionStyle":"text"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Chunky · 38 mm</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option --></div>
<!-- /wp:craftforms/options-group -->

<!-- wp:craftforms/form-error {"content":"{{error.frame_width}}","style":{"color":{"text":"#cc1818"},"typography":{"fontSize":"0.8em"}}} /--></div>
<!-- /wp:craftforms/radio-field -->

<!-- wp:craftforms/infoblock {"style":{"spacing":{"padding":{"top":"0px","bottom":"10px","left":"0px","right":"0px"}}}} -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.8rem","fontStyle":"italic"}}} -->
<p style="font-size:0.8rem;font-style:italic">Brushed metal comes in the slim 15 mm profile only.</p>
<!-- /wp:paragraph -->
<!-- /wp:craftforms/infoblock -->

<!-- wp:craftforms/radio-field {"name":"mount_color","label":"Mount","options":[{"label":"White","value":"white","price":8,"image":{"id":1500,"url":"https://sandbox.test/wp-content/uploads/2026/09/mount-white.jpg","alt":""}},{"label":"Off-white","value":"ivory","price":8,"image":{"id":1501,"url":"https://sandbox.test/wp-content/uploads/2026/09/mount-ivory.jpg","alt":""}},{"label":"Black","value":"black","price":8,"image":{"id":1502,"url":"https://sandbox.test/wp-content/uploads/2026/09/mount-black.jpg","alt":""}},{"label":"Grey","value":"grey","price":8,"image":{"id":1503,"url":"https://sandbox.test/wp-content/uploads/2026/09/mount-grey.jpg","alt":""}},{"label":"No mount","value":"none","price":0,"image":{"id":1504,"url":"https://sandbox.test/wp-content/uploads/2026/09/mount-none.jpg","alt":""}}],"optionStyle":"image","optionSwatchWidth":56,"optionSwatchHeight":56,"defaultValue":"white","required":true,"requiredMessage":"Please choose mount","className":"is-layout-flex"} -->
<div data-fieldname="mount_color" aria-describedby="mount_color-error" data-validate-minselected="1" data-validate-minselected-message="Please choose mount" role="group" aria-labelledby="mount_color-label" data-craftforms-field="mount_color" class="wp-block-craftforms-radio-field is-layout-flex"><!-- wp:craftforms/label {"content":"Mount"} /-->

<!-- wp:craftforms/options-group {"layout":{"type":"flex","orientation":"horizontal","flexWrap":"wrap"},"className":"is-layout-flex"} -->
<div class="wp-block-craftforms-options-group craftforms-options-group is-layout-flex"><!-- wp:craftforms/radio-option {"label":"White","value":"white","checked":true,"name":"mount_color","price":8,"image":{"id":1500,"url":"https://sandbox.test/wp-content/uploads/2026/09/mount-white.jpg","alt":""},"optionStyle":"image"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">White</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Off-white","value":"ivory","name":"mount_color","price":8,"image":{"id":1501,"url":"https://sandbox.test/wp-content/uploads/2026/09/mount-ivory.jpg","alt":""},"optionStyle":"image"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Off-white</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Black","value":"black","name":"mount_color","price":8,"image":{"id":1502,"url":"https://sandbox.test/wp-content/uploads/2026/09/mount-black.jpg","alt":""},"optionStyle":"image"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Black</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Grey","value":"grey","name":"mount_color","price":8,"image":{"id":1503,"url":"https://sandbox.test/wp-content/uploads/2026/09/mount-grey.jpg","alt":""},"optionStyle":"image"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Grey</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"No mount","value":"none","name":"mount_color","price":0,"image":{"id":1504,"url":"https://sandbox.test/wp-content/uploads/2026/09/mount-none.jpg","alt":""},"optionStyle":"image"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">No mount</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option --></div>
<!-- /wp:craftforms/options-group -->

<!-- wp:craftforms/form-error {"content":"{{error.mount_color}}","style":{"color":{"text":"#cc1818"},"typography":{"fontSize":"0.8em"}}} /--></div>
<!-- /wp:craftforms/radio-field -->

<!-- wp:craftforms/infoblock {"style":{"color":{"background":"#f0f4ff"},"spacing":{"padding":{"top":"20px","bottom":"20px","left":"24px","right":"24px"}},"border":{"radius":"8px"}}} -->
<!-- wp:paragraph {"style":{"typography":{"fontWeight":"700","fontSize":"1.4rem"}}} -->
<p style="font-size:1.4rem;font-weight:700">Price: {{form.currency}}{{form.price}}</p>
<!-- /wp:paragraph -->
<!-- /wp:craftforms/infoblock -->

<!-- wp:group {"className":"cf-add-to-cart","layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
<div class="wp-block-group cf-add-to-cart"><!-- wp:craftforms/text-input-field {"name":"qty","label":"Quantity","type":"number","value":"1","required":true,"min":"1","layout":{"type":"flex","orientation":"horizontal","flexWrap":"nowrap"}} -->
<!-- wp:craftforms/label {"content":"Quantity"} /-->

<!-- wp:craftforms/text-input {"name":"qty","type":"number","value":"1","required":true,"min":"1"} /-->

<!-- wp:craftforms/form-error {"content":"{{error.qty}}"} /-->
<!-- /wp:craftforms/text-input-field -->

<!-- wp:craftforms/submit-button {"label":"Order framed photo"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:craftforms/notification /--></div>
<!-- /wp:group -->
<!-- /wp:craftforms/form -->