Rindfleischpaket mit Steaks und Tomahawk-Steak vor einem Versandkarton

Rindfleisch für Gourmetgriller

Fünf verschiedene Rindfleisch-Cuts
Vom Spider Steak bis zum Tomahawk
Beef Jerky zum Auftakt

Dieses Paket ist für einen Grillabend gedacht, bei dem die Unterschiede zwischen Zuschnitten interessant sind. Spider Steak, Rumpsteak, Entrecote, Tomahawk und T-Bone bringen unterschiedliche Formen, Fettverteilungen und Fleischtexturen mit. Beef Jerky ergänzt die Auswahl.

Bereiten Sie die Cuts passend zu ihrer Stärke zu und schneiden Sie sie anschließend zum gemeinsamen Probieren auf. Eine schlichte Würzung hilft beim Vergleichen. Die genauen Portionsgrößen finden Sie in der Paketübersicht.

Vorbereitungszeit:

€250,00

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();
    });
})();