added missing stylings and stylevars to layout 1 base json

dh_heyart

vor 6 Std. 45ea9e2c2c7a4a3f195b525372a9e3aa669382e0

 configurations/14243/public/layout1.json

@@ -1,20 +1,21 @@
{
    "query": "body",
    "customCSS": [
        ".layout-container { display: grid; width: 100vw; height: 100vh; }",
        ".layout-container { position: fixed; display: grid; width: 100vw; height: 100vh; }",
        ".content { grid-area: content; display: flex; flex-direction: column; overflow: hidden; position: relative; min-height: 0; }",
        ".iframe-content { flex: 1; min-height: 0; position: relative; background-color: lightgrey; }",
        ".iframe-content .property-info { position: absolute; bottom: 10px; left: 10px; width: 100%; height: 20px; }",
        ".catalog { grid-area: catalog; background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,.25); z-index: 1; overflow: hidden; }",
        ".catalog-content { height: 100%; }",
        ".catalog-steps { grid-area: catalogSteps; background: var(--catalog-steps-background-color,#F4F4F4); box-shadow: 0 4px 4px rgba(0,0,0,.25); z-index: 1; }",
        ".catalog-footer { grid-area: catalogFooter; background: var(--catalog-footer-background-color,#F4F4F4); box-shadow: 0 4px 4px rgba(0,0,0,.25); z-index: 1; display: flex; }",
        ".catalog-footer > * { flex: none; margin: auto; }",
        ".toolbar { position: absolute; bottom: 20px; margin: 0 auto; width: 100%; z-index: 1; pointer-events: none; }",
        ".price { position: absolute; z-index: 1; }",
        ".price { position: absolute; z-index: 1; pointer-events: var(--price-pointer-events,auto); }",
        ".logo-container { position: absolute; z-index: 1; } .logo-container img { width: 100%; }",
        "@media (max-width: 520px) { .layout-container { grid-template-columns: 1fr; grid-template-rows: 1fr 300px minmax(50px,auto); grid-template-areas: 'content' 'catalog' 'catalogFooter'; } .catalog-steps,.toolbar { display: none; } .price { right: 13px; top: 17px; } .logo-container { left: 15px; top: 15px; width: 130px; } }",
        "@media (min-width: 521px) and (max-width: 980px) { .layout-container { grid-template-columns: 1fr; grid-template-rows: 1fr 420px minmax(50px,auto); grid-template-areas: 'content' 'catalog' 'catalogFooter'; } .catalog-steps,.toolbar { display: none; } .price { right: 13px; top: 17px; } .logo-container { left: 15px; top: 15px; width: 130px; } }",
        "@media (min-width: 981px) { .layout-container { grid-template-columns: 1fr 500px; grid-template-rows: min-content 1fr 130px; grid-template-areas: 'content catalogSteps' 'content catalog' 'content catalogFooter'; } .catalog-steps { display: block; } .toolbar { display: inline-flex; justify-content: center; bottom: 20px; margin: 0 auto; } .price { right: 30px; bottom: 36px; } .price.top { bottom: unset; top: 60px; } .logo-container { top: 50px; left: 50px; width: 200px; } }",
        "@media (max-width: 520px) { .layout-container { grid-template-columns: 1fr; grid-template-rows: var(--small-grid-template-row-top,1fr) 300px var(--small-grid-template-row-bottom,minmax(50px,auto)); grid-template-areas: 'content' 'catalog' 'catalogFooter'; } .catalog-steps,.toolbar { display: none; } .price { right: 13px; top: 17px; } .logo-container { left: 15px; top: 15px; width: 130px; } .content fv-dockable-menu { display: flex; } .catalog-footer > :first-child { margin: 5px auto 5px 5px; } .catalog-footer > :last-child { margin: 5px 5px 5px auto; } body.catalog-hidden .layout-container { grid-template-areas: 'content' 'content' 'content'; } }",
        "@media (min-width: 521px) and (max-width: 980px) { .layout-container { grid-template-columns: 1fr; grid-template-rows: var(--medium-grid-template-row-top,1fr) 420px var(--medium-grid-template-row-bottom,minmax(50px,auto)); grid-template-areas: 'content' 'catalog' 'catalogFooter'; } .catalog-steps,.toolbar { display: none; } .price { right: 13px; top: 17px; } .logo-container { left: 15px; top: 15px; width: 130px; } .content fv-dockable-menu { display: flex; } .catalog-footer > :first-child { margin: 5px auto 5px 5px; } .catalog-footer > :last-child { margin: 5px 5px 5px auto; } body.catalog-hidden .layout-container { grid-template-areas: 'content' 'content' 'content'; } }",
        "@media (min-width: 981px) { .layout-container { grid-template-columns: 1fr 500px; grid-template-rows: var(--large-grid-template-row-top,min-content) 1fr var(--large-grid-template-row-bottom,130px); grid-template-areas: 'content catalogSteps' 'content catalog' 'content catalogFooter'; } .catalog-steps { display: block; } .toolbar { display: inline-flex; justify-content: center; bottom: 20px; margin: 0 auto; } .price { right: 30px; bottom: var(--price-offset-bottom,36px); } .price.top { bottom: unset; top: var(--price-offset-top,60px); } .logo-container { top: 50px; left: 50px; width: 200px; } .catalog-footer fv-button::part(button) { line-height: 1; padding: 5px 15px; font-size: 16px; } .content fv-dockable-menu { display: none; } body.catalog-hidden .layout-container { grid-template-areas: 'content content' 'content content' 'content content'; } }",
        ".close-filter-popup-button { width: fit-content; position: absolute; right: 1em; transform: rotate(45deg); }",
        ".filter-popup { transform: scaleX(1); transform-origin: 100%; transition: transform 400ms ease 0ms; }",
        ".filter-popup.hidden-by-animation { transform: scaleX(0); transition: transform 400ms ease 0ms; }"
@@ -58,5 +59,205 @@
                
            ]
        }
    ]
    ],
    "theme": {
        "colors": {
            "--primary-text-color": {
                "type": "color",
                "default": "#000000",
                "name": "Text Primärfarbe",
                "description": "Dies ist die Primärfarbe der Oberfläche."
            },
            "--primary-button-text-color": {
                "type": "color",
                "default": "#000000",
                "name": "Button-Text Primärfarbe",
                "description": "Dies ist die Primärfarbe der Buttons der Oberfläche."
            },
            "--primary-color": {
                "type": "color",
                "default": "#e4322b",
                "name": "Primärfarbe",
                "description": "Dies ist die Primärfarbe der Oberfläche."
            },
            "--primary-background-color": {
                "type": "color",
                "default": "#e4322b",
                "name": "Hintergrund Primärfarbe",
                "description": "Dies ist die Hintergrund Primärfarbe der Elemente."
            },
            "--hover-background-color": {
                "type": "color",
                "default": "#e4322b",
                "name": "Button Variante 1 Hover",
                "description": "Dies ist die Hoverfarbe 1 der Buttons, falls vorhanden."
            },
            "--hover-background-color-secondary": {
                "type": "color",
                "default": "#dedede",
                "name": "Button Variante 2 Hover",
                "description": "Dies ist die Hoverfarbe 2 der Buttons, falls vorhanden."
            },
            "--click-background-color-secondary": {
                "type": "color",
                "default": "#f0f0f0",
                "name": "Button Variante 2 Click",
                "description": "Dies ist die Clickfarbe 2 der Buttons, falls vorhanden."
            },
            "--bordered-color": {
                "type": "color",
                "default": "#e4322b",
                "name": "Kantenlinienfarbe",
                "description": "Dies ist die Kantenlinienfarbe der Elemente."
            }
        },
        "template": {
            "page-title": {
                "type": "string",
                "value": "Furnview",
                "description": "Title der Seite",
                "name": "Seitentitle"
            },
            "privacy-link": {
                "type": "attribute",
                "attribute": "privacylink",
                "varType": "string",
                "default": "https://www.dh-software.de/kontakt/datenschutz/",
                "name": "Datenschutzbestimmungslink",
                "description": "Link zur Datenschutzbestimmung"
            },
            "shopping-cart": {
                "type": "boolean",
                "default": false,
                "name": "Warenkorb",
                "description": "Warenkorb-Button anzeigen."
            },
            "save-pdf": {
                "type": "boolean",
                "default": true,
                "name": "PDF Speichern",
                "description": "PDF-Speichern Button anzeigen."
            },
            "save-obj": {
                "type": "boolean",
                "default": false,
                "name": "OBJ Speichern",
                "description": "OBJ-Speichern Button anzeigen.",
                "manufactureronly": true
            },
            "save-skp": {
                "type": "boolean",
                "default": false,
                "name": "SKP Speichern",
                "description": "SKP-Speichern Button anzeigen.",
                "manufactureronly": true
            },
            "save-dxf": {
                "type": "boolean",
                "default": false,
                "name": "DXF Speichern",
                "description": "DXF-Speichern Button anzeigen.",
                "manufactureronly": true
            },
            "save-xml": {
                "type": "boolean",
                "default": false,
                "name": "XML Speichern",
                "description": "XML-Speichern Button anzeigen.",
                "manufactureronly": true
            },
            "save-xls": {
                "type": "boolean",
                "default": false,
                "name": "XLS Speichern",
                "description": "XLS-Speichern Button anzeigen."
            },
            "send-inquiry": {
                "type": "boolean",
                "default": false,
                "name": "Anfrage senden",
                "description": "Anfrage senden Button anzeigen."
            },
            "properties-container": [
                {
                    "type": "attribute",
                    "attribute": "disableNotSettable",
                    "varType": "boolean",
                    "default": false,
                    "name": "Nicht änderbare Ausführungen deaktivieren",
                    "description": ""
                },
                {
                    "type": "attribute",
                    "attribute": "mode-selection",
                    "varType": "boolean",
                    "default": true,
                    "name": "Pick-Level Dropdown anzeigen",
                    "description": ""
                }
            ],
            "enable-programselection": {
                "type": "boolean",
                "default": false,
                "name": "Modellauswahl aktivieren",
                "description": "Modellauswahl vor der Konfiguration anzeigen."
            },
            "language_picker": {
                "type": "boolean",
                "default": false,
                "name": "Sprachauswahl aktivieren",
                "description": "Sprachauswahl während der Konfiguration möglich"
            },
            "program-selection": [
                {
                    "type": "attribute",
                    "attribute": "override-initial-article",
                    "varType": "boolean",
                    "default": false,
                    "name": "Konfigurator-Artikel automatisch platzieren",
                    "description": "Wenn kein Intial-Artikel angegeben, ersten Konfigurator-Artikel laden"
                },
                {
                    "type": "attribute",
                    "attribute": "prevent-confirmation-modal",
                    "varType": "boolean",
                    "default": false,
                    "name": "Es dürfen mehrere Modelle kombiniert werden",
                    "description": "Zeigt eine bestätigung beim wechseln des Programs an"
                }
            ],
            "card_container_dimension_filter": {
                "type": "boolean",
                "default": true,
                "name": "Dimensionsfilter anzeigen",
                "description": "Dimensionsfilter für die Artikelübersicht ein/ausschalten"
            },
            "filter-popup": {
                "type": "boolean",
                "default": true,
                "name": "Filter popup",
                "description": "Filter als Popup oder inline der Artikelliste anzeigen"
            },
            "enable-article-list": {
                "type": "boolean",
                "default": true,
                "name": "Artikelauflistung anzeigen",
                "description": "Step Artikelauflistung anzeigen."
            },
            "enable-equipment-list": {
                "type": "boolean",
                "default": true,
                "name": "Zubehör anzeigen",
                "description": "Step Zubehör anzeigen."
            }
        },
        "mail": {
            "to": {
                "type": "string",
                "default": "",
                "name": "Auftrags E-Mail Adresse",
                "description": "Standard Auftrags E-Mail Empfänger."
            }
        }
    }
}