Konfigurátor m2

script

<script>
// https://chatgpt.com/c/69241243-2e80-832c-a2b6-7563439a3889
$(function() {

var formHtml = `
<div class="area-form">
<label>Šířka (m)</label>
<input type="number" step="0.1" class="af-width">

<label>Výška (m)</label>
<input type="number" step="0.1" class="af-height">

<div class="af-result">Potřebné množství: <span>0</span></div>
<div class="af-price">Cena za množství: <span>0</span></div>

<button class="af-submit">Vypočítat a přidat do košíku</button>
</div>
`;

$('.p-variants-block').append(formHtml);

function limitDecimal(input) {
var v = input.val();
v = v.replace(',', '.');
if (v.includes('.')) {
var parts = v.split('.');
parts[1] = parts[1].slice(0, 1);
v = parts[0] + '.' + parts[1];
}
input.val(v);
}

function getUnitPrice() {
var raw = $('.p-final-price-wrapper .price-final-holder').text();
if (!raw) return 0;
raw = raw.replace(/\s/g, '').replace(/[^\d.,]/g, '');
raw = raw.replace(',', '.');
var price = parseFloat(raw);
return isNaN(price) ? 0 : price;
}

function calculate() {
var w = parseFloat($('.af-width').val());
var h = parseFloat($('.af-height').val());
if (!w || !h) return 0;
var area = w * h;
var result = Math.ceil(area);
return result;
}

function updatePrice() {
var qty = calculate();
var unitPrice = getUnitPrice();
var total = qty * unitPrice;
$('.af-price span').text(Math.round(total).toLocaleString('cs-CZ'));
}

$('.af-width, .af-height').on('input', function() {
limitDecimal($(this));
var qty = calculate();
$('.af-result span').text(qty);
updatePrice();
});

$('.af-submit').on('click', function(e) {
e.preventDefault();
var qty = calculate();
if (qty < 1) return;

$('.quantity input').val(qty).trigger('change');
$('.p-to-cart-block .add-to-cart-button.btn-conversion').trigger('click');
});

});
</script>