Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

shx-3d-render

main
Jan Umbach 2024-06-22 13:15:23 +02:00
parent 8f2f5d116a
commit abe1eddd49
1 changed files with 37 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
snippets/shx-3d-render-input.liquid
View File

@ -98,61 +98,73 @@
const FilamentList = { const FilamentList = {
"10": { "10": {
"name": "Schwarz (Matt)", "name": "Schwarz (Matt)",
"hex": "#000000" "hex": "#000000",
"matte": true
}, },
"11": { "11": {
"name": "Weiß (Matt)", "name": "Weiß (Matt)",
"hex": "#FFFFFF" "hex": "#FFFFFF",
"matte": true
}, },
"12": { "12": {
"name": "Gold (Glänzend)", "name": "Gold (Glänzend)",
"hex": "#FFD700", "hex": "#FFD700",
"shiny": "true" "silk": true
}, },
"13": { "13": {
"name": "Rot (Glänzend)", "name": "Rot (Glänzend)",
"hex": "#BB0000", "hex": "#BB0000",
"shiny": "true" "silk": true
}, },
"14": { "14": {
"name": "Holz (Matt)", "name": "Holz (Matt)",
"hex": "#b47c4d" "hex": "#b47c4d",
"matte": true
}, },
"17": { "17": {
"name": "Blau (Fluoreszierend)", "name": "Blau (Fluoreszierend)",
"hex": "#1166FF" "hex": "#1166FF",
"matte": true
}, },
"18": { "18": {
"name": "Orange (Fluoreszierend)", "name": "Orange (Fluoreszierend)",
"hex": "#FFA500" "hex": "#FFA500",
"matte": true
}, },
"19": { "19": {
"name": "Diamant-Smaragdgrün (Glitzernd)", "name": "Diamant-Smaragdgrün (Glitzernd)",
"hex": "#1C2F1C" "hex": "#1C2F1C",
"silk": true
}, },
"21": { "21": {
"name": "Rosa (Matt)", "name": "Rosa (Matt)",
"hex": "#FFC0CB" "hex": "#FFC0CB",
"matte": true
}, },
"22": { "22": {
"name": "Hellblau (Matt)", "name": "Hellblau (Matt)",
"hex": "#aaa" "hex": "#aaa",
"matte": true
}, },
"23": { "23": {
"name": "Schokolade (Matt)", "name": "Schokolade (Matt)",
"hex": "#2b1d0e" "hex": "#2b1d0e",
"matte": true
}, },
"26": { "26": {
"name": "Beige (Matt)", "name": "Beige (Matt)",
"hex": "#f5f5dc" "hex": "#f5f5dc",
"matte": true
}, },
"27": { "27": {
"name": "Marineblau (Matt)", "name": "Marineblau (Matt)",
"hex": "#101060" "hex": "#101060",
"matte": true
}, },
"28": { "28": {
"name": "Gelb (Matt)", "name": "Gelb (Matt)",
"hex": "#EEE700" "hex": "#EEE700",
"matte": true
}, },
@ -243,8 +255,18 @@
for(let color in options) { for(let color in options) {
html += ` html += `
<input type="radio" id="${inputID}-${color}" form="product-form-${section_id}" name="properties[${inputName}]" value="${options[color].name} #${color}" ${inputVal === color ? 'checked' : ''}> <input type="radio" id="${inputID}-${color}" form="product-form-${section_id}" name="properties[${inputName}]" value="${options[color].name} #${color}" ${inputVal === color ? 'checked' : ''}>
<label for="${inputID}-${color}" style="background-color: ${options[color].hex};"></label> <label for="${inputID}-${color}" style="background-color: ${options[color].hex};">
`; `;
if(options[color].matte) {
html += `<span style="color: white; font-size: 0.8rem; position: absolute; bottom: 0; right: 0;">Matt</span>`;
}
if(options[color].silk) {
html += `<span style="color: white; font-size: 0.8rem; position: absolute; bottom: 0; right: 0;">Seide</span>`;
}
html += `</label>`;
} }
html += `</div>`; html += `</div>`;