Probierpaket mit Fleischsalat, Würstchen und Aufschnitt vor einem Versandkarton

Probierpaket Metzgerei Klein

Wurst, Schinken und Feinkost kennenlernen
Schweinefilet vom Offenstallschwein dabei
Milde und herzhafte Sorten vergleichen

Unsere Probierpackung verbindet Spezialitäten für kalte Mahlzeiten mit Schweinefilet für Ihre eigene Küche. Fleischwurst, feiner Fleischkäse, Lyoner, Kochschinken und Gelbwurst treffen auf Vesperwurst, feine Mettwurst, Rheinische Leberwurst und Fleischsalat.

Damit lässt sich die Vielfalt in Ruhe kennenlernen, statt alles auf einmal servieren zu müssen. Vergleichen Sie zunächst einige Wurstsorten pur und planen Sie das Filet für ein eigenes Gericht ein. Mengen und Einzelprodukte stehen in der Paketübersicht.

Vorbereitungszeit:

€49,90

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