(function () { var target = document.getElementById("mf-variation-properties"); if (!target) return; var items = window.__INITIAL_STATE__ && window.__INITIAL_STATE__.items || {}; var keys = Object.keys(items); var data = null; for (var i = 0; i < keys.length; i++) { if (!/^\d+$/.test(keys[i])) continue; var docs = items[keys[i]] && items[keys[i]].variation && items[keys[i]].variation.documents; if (docs && docs[0] && docs[0].data && docs[0].data.variationProperties) { data = docs[0].data; break; } } if (!data) return; var table = document.createElement("table"); table.style.width = "100%"; table.style.borderCollapse = "collapse"; data.variationProperties.forEach(function (group) { (group.properties || []).forEach(function (property) { if (!property.display || property.display.indexOf("showOnItemsPage") === -1) return; var values = (property.values || []) .map(function (entry) { return entry.value; }) .filter(Boolean); if (!values.length) return; var tr = document.createElement("tr"); var name = document.createElement("td"); var value = document.createElement("td"); name.textContent = property.names && property.names.name ? property.names.name : "Eigenschaft"; value.innerHTML = values.join("
"); name.style.padding = "4px 6px"; name.style.fontWeight = "600"; name.style.width = "40%"; name.style.fontSize = "12px"; name.style.borderBottom = "1px solid #ddd"; value.style.padding = "4px 6px"; value.style.fontSize = "12px"; value.style.borderBottom = "1px solid #ddd"; tr.appendChild(name); tr.appendChild(value); table.appendChild(tr); }); }); target.appendChild(table); })();