Fleisch- und Wurstauswahl für ein individuell zusammengestelltes Paket

Dein eigenes Paket

Lieblingsprodukte selbst auswählen
Fleisch, Wurst und Feinkost kombinieren
Abwechslung nach Ihrem Geschmack

Bei „Dein eigenes Paket“ stellen Sie Ihre Auswahl selbst zusammen. Die vorgesehenen Bereiche führen Sie durch Fleisch, ein besonderes Fleischstück, Wurst, Schinken und Aufschnitt, einen Aufstrich und Feinkost.

So können Sie vertraute Favoriten mit etwas Neuem verbinden. Wählen Sie beispielsweise ein Stück für ein gemeinsames Essen und ergänzen Sie passende Spezialitäten für die nächsten kalten Mahlzeiten. Die verfügbaren Produkte und Auswahlmengen sehen Sie direkt in der Paketzusammenstellung.

Vorbereitungszeit:

€95,00

Produkte werden geladen …

Gesamtpreis

(function () {
  var config = window.BundleFactoryConfig;
  if (!config || !config.product) return;

var root = document.getElementById('bf-bundle');
  if (!root) return;

var slotsContainer = root.querySelector('[data-bf-slots]');
  var totalEl = root.querySelector('[data-bf-total]');
  var surchargeNoteEl = root.querySelector('[data-bf-surcharge-note]');
  var hintEl = root.querySelector('[data-bf-hint]');
  var errorEl = root.querySelector('[data-bf-error]');
  var submitBtn = root.querySelector('[data-bf-submit]');

// ---- Per-bundle configuration (product.fieldValues) ----
  var fv = config.product.fieldValues || {};
  var categories = Array.isArray(fv.categories) ? fv.categories : [];
  var optionDefs = Array.isArray(fv.options) ? fv.options : [];

function toNumber(v) {
    if (v === null || v === undefined || v === '') return NaN;
    return parseFloat(String(v).replace(',', '.'));
  }

var bundlePrice = toNumber(fv.bundle_price);
  var hasFixedPrice = isFinite(bundlePrice) && bundlePrice > 0;
  var fixedPriceCents = hasFixedPrice ? Math.round(bundlePrice * 100) : 0;

// Maximum saving vs. buying the items separately (empty = no cap). Used for pricing only, never displayed.
  var maxSavings = toNumber(fv.max_savings);
  var hasSavingsCap = hasFixedPrice && isFinite(maxSavings) && maxSavings >= 0;
  var maxSavingsCents = hasSavingsCap ? Math.round(maxSavings * 100) : 0;

// Absolute maximum final price incl. all surcharges (empty = no cap). Takes priority over max_savings.
  var maxPrice = toNumber(fv.max_price);
  var hasMaxPrice = isFinite(maxPrice) && maxPrice > 0;
  var maxPriceCents = hasMaxPrice ? Math.round(maxPrice * 100) : 0;

var slots = categories.map(function (cat) {
    return {
      name: cat.name,
      label: cat.label || cat.name || 'Auswahl',
      pick: Math.max(1, parseInt(cat.pick_count, 10) || 1),
      options: [],
      selected: []
    };
  });

optionDefs.forEach(function (opt, i) {
    var variantId = opt && opt.variant && opt.variant.id;
    if (!variantId) {
      console.warn('[BundleFactory] Option #' + (i + 1) + ' has no variant configured – skipped.');
      return;
    }
    var slot = slots.find(function (s) { return norm(s.name) === norm(opt.category); });
    if (!slot) {
      console.warn('[BundleFactory] Option "' + (opt.title || variantId) + '" has category "' + opt.category + '", which matches no configured category – skipped.');
      return;
    }
    var surcharge = toNumber(opt.surcharge);
    slot.options.push({
      key: 'o' + i,
      variantId: variantId,
      title: opt.title || '',
      quantity: Math.max(1, parseInt(opt.quantity, 10) || 1),
      surchargeCents: isFinite(surcharge) && surcharge > 0 ? Math.round(surcharge * 100) : 0,
      preselected: !!opt.preselected,
      data: null
    });
  });

function showError(message) {
    errorEl.textContent = message;
    errorEl.style.display = 'block';
  }
  function clearError() {
    errorEl.style.display = 'none';
    errorEl.textContent = '';
  }

// ---- Storefront API: fetch the exact configured variants ----
  async function fetchVariants(ids) {
    var query = 'query BundleOptions($ids: [ID!]!) {' +
      ' nodes(ids: $ids) {' +
      '  ... on ProductVariant {' +
      '   id title availableForSale' +
      '   price { amount currencyCode }' +
      '   image { url altText }' +
      '   product { id title availableForSale featuredImage { url altText } }' +
      '  }' +
      ' }' +
      '}';

// ---- Selection ----
  function toggle(slotIndex, opt) {
    var slot = slots[slotIndex];
    var pos = slot.selected.indexOf(opt.key);
    clearError();

if (pos > -1) {
      slot.selected.splice(pos, 1);
    } else if (slot.pick === 1) {
      slot.selected = [opt.key];
    } else if (slot.selected.length >= slot.pick) {
      showError('Bei "' + slot.label + '" kannst du ' + slot.pick + ' Optionen wählen. Tippe zuerst auf eine gewählte Option, um sie abzuwählen.');
      return;
    } else {
      slot.selected.push(opt.key);
    }
    renderSlot(slotIndex);
    updateSummary();
  }

function applyPreselection(slot) {
    slot.options.forEach(function (opt) {
      if (slot.selected.length >= slot.pick) return;
      if (opt.preselected && optionAvailable(opt)) slot.selected.push(opt.key);
    });
  }

// ---- Rendering (no individual item prices shown, only manual surcharges) ----
  function buildCard(slotIndex, opt) {
    var card = document.createElement('button');
    card.type = 'button';
    card.className = 'bf-product-card';

var available = optionAvailable(opt);
    var selected = slots[slotIndex].selected.indexOf(opt.key) > -1;
    if (selected) card.classList.add('is-selected');
    if (!available) {
      card.classList.add('is-disabled');
      card.disabled = true;
    }
    card.setAttribute('aria-pressed', selected ? 'true' : 'false');

var d = opt.data;
    var img = d ? ((d.image && d.image.url) || (d.product.featuredImage && d.product.featuredImage.url) || '') : '';
    var title = optionTitle(opt);
    var surchargeLabel = opt.surchargeCents > 0 ? '+ ' + money(opt.surchargeCents) + ' Aufpreis' : '';

card.innerHTML =
      '<div class="bf-product-card__image-wrap">' +
        (img ? '<img src="' + esc(img) + '" alt="' + esc(title) + '" loading="lazy">' : '') +
        (!available ? '<span class="bf-product-card__badge">Ausverkauft</span>' : '') +
        (surchargeLabel && available ? '<span class="bf-product-card__surcharge-badge">+ ' + money(opt.surchargeCents) + '</span>' : '') +
        '<span class="bf-product-card__check">✓</span>' +
      '</div>' +
      '<p class="bf-product-card__title">' + esc(title) + '</p>' +
      (surchargeLabel ? '<span class="bf-product-card__surcharge">' + esc(surchargeLabel) + '</span>' : '');

if (available) {
      card.addEventListener('click', function () { toggle(slotIndex, opt); });
    }
    return card;
  }

function renderSlot(slotIndex) {
    var slot = slots[slotIndex];
    var slotEl = slotsContainer.querySelector('[data-slot-key="slot-' + slotIndex + '"]');
    if (!slotEl) return;

var countEl = slotEl.querySelector('[data-bf-slot-count]');
    var n = slot.selected.length;
    countEl.textContent = n + ' / ' + slot.pick + ' ausgewählt';
    countEl.classList.toggle('is-complete', n === slot.pick);
    countEl.classList.toggle('is-over', n > slot.pick);

var productsEl = slotEl.querySelector('[data-bf-slot-products]');
    var noticeEl = slotEl.querySelector('[data-bf-slot-notice]');
    productsEl.innerHTML = '';

function isComplete() {
    return slots.every(function (s) { return s.selected.length === s.pick; });
  }

function regularTotalCents() {
    return allSelectedOptions().reduce(function (sum, o) { return sum + optionLineCents(o); }, 0);
  }

function surchargeTotalCents() {
    return allSelectedOptions().reduce(function (sum, o) { return sum + o.surchargeCents; }, 0);
  }

// Final price = base bundle price + manual surcharges,
  // raised so the saving is at most max_savings,
  // but never above max_price (max_price has priority).
  function targetTotalCents() {
    if (!hasFixedPrice) return regularTotalCents();
    var total = fixedPriceCents + surchargeTotalCents();
    if (hasSavingsCap) {
      var floor = regularTotalCents() - maxSavingsCents;
      if (floor > total) total = floor;
    }
    if (hasMaxPrice && total > maxPriceCents) total = maxPriceCents;
    return total;
  }

function updateSummary() {
    var missing = [];
    slots.forEach(function (s) {
      var have = s.selected.length;
      if (have < s.pick) missing.push(s.label + ': noch ' + (s.pick - have) + ' auswählen');
      else if (have > s.pick) missing.push(s.label + ': bitte ' + (have - s.pick) + ' abwählen');
    });
    var complete = missing.length === 0 && slots.length > 0;

var total = targetTotalCents();
    var extra = hasFixedPrice ? total - fixedPriceCents : 0;
    totalEl.textContent = money(total);

if (surchargeNoteEl) {
      if (hasFixedPrice && extra > 0) {
        surchargeNoteEl.textContent = 'Paketpreis ' + money(fixedPriceCents) + ' + ' + money(extra) + ' Aufpreis für deine Auswahl';
        surchargeNoteEl.style.display = 'block';
      } else {
        surchargeNoteEl.textContent = '';
        surchargeNoteEl.style.display = 'none';
      }
    }

if (hintEl) {
      hintEl.style.display = complete ? 'none' : 'block';
      hintEl.textContent = complete ? '' : missing.join(' · ');
    }
    submitBtn.disabled = !complete;
  }

// ---- Price allocation: split the target price across components ----
  function buildComponents(opts, targetCents) {
    var lines = opts.map(function (o) {
      return { merchandiseId: o.variantId, quantity: o.quantity, unit: optionUnitCents(o) };
    });
    var regular = lines.reduce(function (s, l) { return s + l.unit * l.quantity; }, 0);

if (!hasFixedPrice || regular <= 0) {
      return lines.map(function (l) {
        return { merchandiseId: l.merchandiseId, quantity: l.quantity, pricePerUnit: (l.unit / 100).toFixed(2) };
      });
    }

lines.forEach(function (l) { l.price = Math.floor(l.unit * targetCents / regular); });
    var allocated = lines.reduce(function (s, l) { return s + l.price * l.quantity; }, 0);
    var remainder = targetCents - allocated;

if (remainder > 0) {
      var single = lines.find(function (l) { return l.quantity === 1; });
      if (single) {
        single.price += remainder;
      } else {
        var first = lines[0];
        first.quantity -= 1;
        lines.push({ merchandiseId: first.merchandiseId, quantity: 1, unit: first.unit, price: first.price + remainder });
        if (first.quantity === 0) lines.shift();
      }
    }

return lines.map(function (l) {
      return { merchandiseId: l.merchandiseId, quantity: l.quantity, pricePerUnit: (l.price / 100).toFixed(2) };
    });
  }

// ---- Init ----
  async function init() {
    try {
      if (!slots.length) {
        slotsContainer.innerHTML = '<p>Für dieses Paket wurden noch keine Kategorien konfiguriert.</p>';
        return;
      }

slotsContainer.innerHTML = '';
      slots.forEach(function (slot, i) {
        var el = document.createElement('div');
        el.className = 'bf-bundle__slot';
        el.setAttribute('data-slot-key', 'slot-' + i);
        el.innerHTML =
          '<div class="bf-bundle__slot-header">' +
            '<h3 class="bf-bundle__slot-title">' + esc(slot.label) + '</h3>' +
            '<span class="bf-bundle__slot-count" data-bf-slot-count></span>' +
          '</div>' +
          '<p class="bf-bundle__slot-notice" data-bf-slot-notice style="display:none"></p>' +
          '<div class="bf-bundle__slot-products" data-bf-slot-products>' +
            '<div class="bf-bundle__loading">Produkte werden geladen …</div>' +
          '</div>';
        slotsContainer.appendChild(el);
      });

var ids = [];
      slots.forEach(function (s) {
        s.options.forEach(function (o) { if (ids.indexOf(o.variantId) === -1) ids.push(o.variantId); });
      });

slots.forEach(function (s, idx) {
        applyPreselection(s);
        renderSlot(idx);
      });
      updateSummary();

if (missingCount) {
        console.warn('[BundleFactory] ' + missingCount + ' configured option(s) could not be loaded.');
      }
    } catch (err) {
      console.error('[BundleFactory] Error while initializing bundle builder', err);
      showError('Das Paket konnte nicht geladen werden. Bitte lade die Seite neu.');
    }
  }

// ---- Add to cart ----
  submitBtn.addEventListener('click', async function () {
    clearError();

if (!isComplete()) {
      showError('Bitte vervollständige deine Auswahl in allen Kategorien.');
      return;
    }

var chosen = allSelectedOptions();

if (chosen.some(function (o) { return !optionAvailable(o); })) {
      showError('Mindestens ein gewähltes Produkt ist nicht mehr verfügbar. Bitte passe deine Auswahl an.');
      return;
    }

var parentVariantId = config.product.variants[0].id; // numeric ID for /cart/add.js

submitBtn.disabled = true;
    submitBtn.classList.add('is-loading');

try {
      var response = await fetch('/cart/add.js', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ items: [{ id: parentVariantId, quantity: 1, properties: properties }] })
      });

if (!response.ok) {
        var errorData = await response.json().catch(function () { return null; });
        var errorMessage = (errorData && (errorData.description || errorData.message)) || 'Das Paket konnte nicht in den Warenkorb gelegt werden. Bitte versuche es erneut.';
        throw new Error(errorMessage);
      }

if (typeof window.BundleFactoryConfig.cartRefresh === 'function') {
        await window.BundleFactoryConfig.cartRefresh();
      }
    } catch (err) {
      showError(err.message || 'Das Paket konnte nicht in den Warenkorb gelegt werden. Bitte versuche es erneut.');
    } finally {
      submitBtn.classList.remove('is-loading');
      submitBtn.disabled = !isComplete();
    }
  });

init();
})();