Grillpaket für 4 Personen von der Metzgerei Klein aus Kronberg

Grillklassiker (für 4 Personen)

Rumpsteak und Entrecote zum Teilen
Marinierte Nackensteaks und Würstchen
Kartoffelsalat bereits dabei

Die Grillklassiker für vier Personen bringen unterschiedliche Vorlieben an einen Tisch. Rumpsteak und Entrecote treffen auf marinierte Schweinenackensteaks, Rostbratwurst und Rindswurst. Kartoffelsalat mit Speck ergänzt die Auswahl.

Grillen Sie die verschiedenen Produkte nach ihrem jeweiligen Garpunkt und schneiden Sie die Rindersteaks zum Teilen auf. So kann jeder mehrere Sorten probieren. Die genaue Zusammenstellung mit Mengen finden Sie in der Paketübersicht.

Vorbereitungszeit:

€84,50

Im Paket enthalten

(function () {
  'use strict';

var config = window.BundleFactoryConfig || {};
  var product = config.product;
  var root = document.querySelector('[data-bf-paket]:not([data-bf-ready])');
  if (!root) return;

var bundleConfig = product && product.bundleConfig;
  var components = bundleConfig && Array.isArray(bundleConfig.components)
    ? bundleConfig.components.filter(function (c) { return c && c.merchandiseId; })
    : [];

if (!product || !components.length) {
    root.style.display = 'none';
    return;
  }
  root.setAttribute('data-bf-ready', 'true');
  document.body.classList.add('bf-paket-page');

/* ---------- Per-bundle settings (bundle_factory.fields) ---------- */
  var fv = product.fieldValues || {};
  var showItemPrices = fv.show_item_prices !== false;
  var showSavings = fv.show_savings !== false;
  var atcLabel = (typeof fv.add_to_cart_label === 'string' && fv.add_to_cart_label.trim()) || 'Paket in den Warenkorb';
  var headingText = (typeof fv.contents_heading === 'string' && fv.contents_heading.trim()) || 'Im Paket enthalten';
  var subtitleText = (typeof fv.subtitle === 'string' && fv.subtitle.trim()) || '';

var els = {
    subtitle: root.querySelector('[data-bf-subtitle]'),
    heading: root.querySelector('[data-bf-heading]'),
    list: root.querySelector('[data-bf-list]'),
    summary: root.querySelector('[data-bf-summary]'),
    qty: root.querySelector('[data-bf-qty]'),
    minus: root.querySelector('[data-bf-qty-minus]'),
    plus: root.querySelector('[data-bf-qty-plus]'),
    atc: root.querySelector('[data-bf-atc]'),
    atcText: root.querySelector('[data-bf-atc-text]'),
    error: root.querySelector('[data-bf-error]')
  };

var variants = product.variants || [];
  var parentVariant = variants.filter(function (v) { return v.available; })[0] || variants[0] || null;
  var bundlePriceCents = parentVariant ? Number(parentVariant.price) : Number(product.price || 0);

var state = {
    loaded: false,
    regularCents: 0,
    unavailable: [],
    busy: false
  };

/* ---------- Helpers ---------- */
  function money(cents) {
    cents = Math.round(cents);
    if (typeof config.formatMoney === 'function') return config.formatMoney(cents);
    return (cents / 100).toFixed(2).replace('.', ',') + ' €';
  }
  function toCents(amount) {
    return Math.round(parseFloat(amount || 0) * 100);
  }
  function esc(s) {
    return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];
    });
  }
  function getQty() {
    var q = parseInt(els.qty && els.qty.value, 10);
    if (!q || q < 1) q = 1;
    if (q > 99) q = 99;
    return q;
  }
  function showError(msg) {
    els.error.textContent = msg;
    els.error.style.display = 'block';
  }
  function hideError() {
    els.error.textContent = '';
    els.error.style.display = 'none';
  }
  // Link to the component's product page, preselecting the exact variant (respects locale/market root)
  function productUrl(v) {
    if (!v || !v.product || !v.product.handle) return '';
    var rootPath = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) || '/';
    if (rootPath.charAt(rootPath.length - 1) !== '/') rootPath += '/';
    var numericId = String(v.id || '').split('/').pop();
    return rootPath + 'products/' + encodeURIComponent(v.product.handle) + (numericId ? '?variant=' + encodeURIComponent(numericId) : '');
  }

/* ---------- Place widget where the theme's buy buttons are & hide defaults ---------- */
  (function placeWidget() {
    var scope = root.closest('.shopify-section') || document;
    var actions = scope.querySelector('.product-actions') || document.querySelector('.product-actions');
    if (actions && actions.parentNode) {
      actions.parentNode.insertBefore(root, actions);
      actions.classList.add('bf-paket-hidden');
    }
    var priceBlocks = scope.querySelectorAll('.product-actions__price, [data-update-block="price-extended"]');
    for (var i = 0; i < priceBlocks.length; i++) priceBlocks[i].classList.add('bf-paket-hidden');
  })();

/* ---------- Static texts ---------- */
  els.heading.textContent = headingText;
  if (subtitleText) {
    els.subtitle.textContent = subtitleText;
    els.subtitle.style.display = '';
  }
  els.atcText.textContent = atcLabel;

/* ---------- Storefront API ---------- */
  var FIELDS =
    'nodes(ids: $ids) { ... on ProductVariant { id title availableForSale price { amount currencyCode } ' +
    'image { url(transform: { maxWidth: 240, maxHeight: 240 }) altText } ' +
    'product { title handle availableForSale featuredImage { url(transform: { maxWidth: 240, maxHeight: 240 }) altText } } } }';
  var QUERY_CTX =
    'query BundleComponents($ids: [ID!]!, $country: CountryCode, $language: LanguageCode) ' +
    '@inContext(country: $country, language: $language) { ' + FIELDS + ' }';
  var QUERY_PLAIN = 'query BundleComponents($ids: [ID!]!) { ' + FIELDS + ' }';

function loadComponents() {
    var ids = [];
    components.forEach(function (c) { if (ids.indexOf(c.merchandiseId) === -1) ids.push(c.merchandiseId); });
    var country = config.country ? String(config.country).toUpperCase() : null;
    var language = config.language ? String(config.language).toUpperCase().replace('-', '_') : null;

return storefront(QUERY_CTX, { ids: ids, country: country, language: language })
      .catch(function () { return storefront(QUERY_PLAIN, { ids: ids }); })
      .then(function (data) {
        var map = {};
        ((data && data.nodes) || []).forEach(function (n) { if (n && n.id) map[n.id] = n; });
        return map;
      });
  }

/* ---------- Rendering ---------- */
  function renderSkeleton() {
    els.list.innerHTML = components.map(function (c, i) {
      return '<li class="bf-paket__item bf-paket__item--loading" data-slot-key="item-' + i + '">' +
        '<div class="bf-paket__img bf-skel"></div>' +
        '<div class="bf-paket__info"><span class="bf-skel bf-skel--line"></span><span class="bf-skel bf-skel--line bf-skel--short"></span></div>' +
        '<span></span></li>';
    }).join('');
  }

function renderItems(map) {
    var regular = 0;
    var unavailable = [];

els.list.innerHTML = components.map(function (c, i) {
      var qty = parseInt(c.quantity, 10) || 1;
      var v = map[c.merchandiseId];

if (!v || !v.product) {
        unavailable.push(c.merchandiseId);
        return '<li class="bf-paket__item is-unavailable" data-slot-key="item-' + i + '">' +
          '<div class="bf-paket__img"></div>' +
          '<div class="bf-paket__info"><span class="bf-paket__name"><span class="bf-paket__qty-badge">' + qty + '×</span> Artikel derzeit nicht verfügbar</span>' +
          '<span class="bf-paket__soldout">Nicht verfügbar</span></div><span></span></li>';
      }

var available = !!(v.availableForSale && v.product.availableForSale);
      if (!available) unavailable.push(c.merchandiseId);

var lineCents = toCents(v.price && v.price.amount) * qty;
      regular += lineCents;

var img = v.image || v.product.featuredImage;
      var variantTitle = v.title && v.title !== 'Default Title' ? v.title : '';
      var url = productUrl(v);
      var imgHtml = img ? '<img src="' + esc(img.url) + '" alt="' + esc(img.altText || v.product.title) + '" loading="lazy" width="120" height="120">' : '';

var imgBlock = url
        ? '<a class="bf-paket__img" href="' + esc(url) + '" tabindex="-1" aria-hidden="true">' + imgHtml + '</a>'
        : '<div class="bf-paket__img">' + imgHtml + '</div>';
      var titleHtml = url
        ? '<a class="bf-paket__link" href="' + esc(url) + '">' + esc(v.product.title) + '</a>'
        : esc(v.product.title);

return '<li class="bf-paket__item' + (available ? '' : ' is-unavailable') + '" data-slot-key="item-' + i + '">' +
        imgBlock +
        '<div class="bf-paket__info">' +
          '<span class="bf-paket__name"><span class="bf-paket__qty-badge">' + qty + '×</span> ' + titleHtml + '</span>' +
          (variantTitle ? '<span class="bf-paket__variant">' + esc(variantTitle) + '</span>' : '') +
          (available ? '' : '<span class="bf-paket__soldout">Ausverkauft</span>') +
        '</div>' +
        (showItemPrices ? '<span class="bf-paket__price">' + money(lineCents) + '</span>' : '<span></span>') +
      '</li>';
    }).join('');

state.regularCents = regular;
    state.unavailable = unavailable;
    state.loaded = true;
  }

function renderSummary() {
    var q = getQty();
    var bundleTotal = bundlePriceCents * q;
    var regularTotal = state.regularCents * q;
    var saving = regularTotal - bundleTotal;
    var html = '';

if (showSavings && state.loaded && saving > 0) {
      html += '<div class="bf-paket__row"><span>Einzelpreis</span><s>' + money(regularTotal) + '</s></div>';
    }
    html += '<div class="bf-paket__row bf-paket__row--total"><span>Paketpreis</span><strong>' + money(bundleTotal) + '</strong></div>';
    if (showSavings && state.loaded && saving > 0) {
      html += '<div class="bf-paket__saving">Sie sparen ' + money(saving) + ' (' + Math.round((saving / regularTotal) * 100) + ' %)</div>';
    }
    els.summary.innerHTML = html;
  }

function updateButton() {
    var blocked = !parentVariant || !parentVariant.available || state.unavailable.length > 0;
    els.atc.disabled = state.busy || blocked;
    if (!state.busy) {
      els.atcText.textContent = blocked ? 'Derzeit nicht verfügbar' : atcLabel;
    }
  }

/* ---------- Quantity ---------- */
  function setQty(q) {
    els.qty.value = Math.max(1, Math.min(99, q));
    renderSummary();
  }
  els.minus.addEventListener('click', function () { setQty(getQty() - 1); });
  els.plus.addEventListener('click', function () { setQty(getQty() + 1); });
  els.qty.addEventListener('change', function () { setQty(getQty()); });
  els.qty.addEventListener('input', renderSummary);

/* ---------- Add to cart ---------- */
  function addToCart() {
    hideError();
    if (state.busy) return;
    if (!parentVariant) {
      showError('Dieses Paket ist derzeit nicht verfügbar.');
      return;
    }

state.busy = true;
    els.atc.disabled = true;
    els.atcText.textContent = 'Wird hinzugefügt…';

// Re-check availability of all contents right before adding
    loadComponents()
      .then(function (map) {
        renderItems(map);
        renderSummary();
      })
      .catch(function () { /* if the check fails, let Shopify validate on add */ })
      .then(function () {
        if (state.unavailable.length) {
          throw new Error('Leider ist mindestens ein Artikel dieses Pakets derzeit nicht verfügbar. Bitte versuchen Sie es später erneut.');
        }
        return fetch('/cart/add.js', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
          body: JSON.stringify({ items: [{ id: Number(parentVariant.id), quantity: getQty() }] })
        });
      })
      .then(function (res) {
        if (!res.ok) {
          return res.json().catch(function () { return null; }).then(function (data) {
            var msg = (data && (data.description || data.message)) ||
              'Das Paket konnte nicht in den Warenkorb gelegt werden. Bitte versuchen Sie es erneut.';
            throw new Error(msg);
          });
        }
        return res.json();
      })
      .then(function () {
        if (typeof config.cartRefresh === 'function') return config.cartRefresh();
      })
      .then(function () {
        els.atcText.textContent = 'Hinzugefügt ✓';
        setTimeout(function () {
          state.busy = false;
          updateButton();
        }, 1500);
      })
      .catch(function (err) {
        showError((err && err.message) || 'Das Paket konnte nicht in den Warenkorb gelegt werden.');
        state.busy = false;
        updateButton();
      });
  }
  els.atc.addEventListener('click', addToCart);

/* ---------- Init ---------- */
  renderSkeleton();
  renderSummary();
  updateButton();

loadComponents()
    .then(function (map) {
      renderItems(map);
      renderSummary();
      updateButton();
    })
    .catch(function () {
      // Contents could not be loaded – keep the package purchasable, Shopify validates at add-to-cart
      els.list.style.display = 'none';
      state.loaded = false;
      renderSummary();
      updateButton();
    });
})();