Barreta de CACAUET
.rawly-bar { --rawly-blue: #0626A9; --rawly-sky: #88C6E9; --rawly-cream: #F7ECD8; --rawly-white: #FDFAF6; --rawly-orange: #CD7922; --rawly-pink: #FA7598; --rawly-pistachio: #D1E98D ; /* COLOR ESPECÍFIC DEL SABOR CACAUET */ --rawly-accent: #F7ECD8; --rawly-accent-soft: rgba(247, 236, 216, 0.65); width: 100%; max-width: 780px; margin: 16px 0 32px; color: var(--rawly-blue); font-family: "Antipol", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; } .rawly-bar *, .rawly-bar *::before, .rawly-bar *::after { box-sizing: border-box; } .rawly-bar p, .rawly-bar h2, .rawly-bar h3 { color: var(--rawly-blue); } /* ========================================================= DESCRIPCIÓ ========================================================= */ .rawly-bar__description { margin: 0 0 19px; } .rawly-bar__description p { margin: 0 0 11px; color: var(--rawly-blue); font-size: 15.5px; line-height: 1.62; font-weight: 400; } .rawly-bar__description p:last-child { margin-bottom: 0; } .rawly-bar__description strong { font-weight: 800; } /* ========================================================= BENEFICIS ========================================================= */ .rawly-bar__benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 25px; } .rawly-bar__benefit { min-height: 44px; padding: 9px 10px; border: 1.5px solid var(--rawly-blue); border-radius: 999px; background: var(--rawly-white); display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--rawly-blue); text-align: center; font-size: 11.5px; line-height: 1.25; font-weight: 800; } .rawly-bar__benefit-icon { width: 18px; height: 18px; flex: 0 0 18px; border: 1px solid rgba(6, 38, 169, 0.12); border-radius: 50%; background: var(--rawly-accent); display: inline-flex; align-items: center; justify-content: center; color: var(--rawly-blue); font-size: 11px; line-height: 1; font-weight: 900; } /* ========================================================= SELECTOR DE SABORS ========================================================= */ .rawly-bar__flavours { padding-top: 21px; border-top: 1px solid rgba(6, 38, 169, 0.18); } .rawly-bar__flavours-title { margin: 0 0 5px; color: var(--rawly-blue); font-family: "Doyle", "Arial Black", Arial, sans-serif; font-size: 22px; line-height: 1.1; font-style: italic; font-weight: 900; } .rawly-bar__flavours-subtitle { margin: 0 0 14px; color: rgba(6, 38, 169, 0.72) !important; font-size: 13px; line-height: 1.45; } .rawly-bar__flavours-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; width: 100%; } .rawly-bar__flavour { position: relative; display: block; min-width: 0; color: var(--rawly-blue) !important; text-decoration: none !important; } .rawly-bar__flavour:hover, .rawly-bar__flavour:focus, .rawly-bar__flavour:visited, .rawly-bar__flavour:active { color: var(--rawly-blue) !important; text-decoration: none !important; } .rawly-bar__flavour-image { position: relative; width: 100%; aspect-ratio: 1 / 1; padding: 7px; border: 1.5px solid rgba(6, 38, 169, 0.18); border-radius: 13px; background: #ffffff; overflow: hidden; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .rawly-bar__flavour-image img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; } .rawly-bar__flavour-label { display: block; margin-top: 6px; color: var(--rawly-blue); text-align: center; font-size: 11px; line-height: 1.25; font-weight: 800; } .rawly-bar__flavour:not(.is-active):hover .rawly-bar__flavour-image { border-color: var(--rawly-blue); transform: translateY(-2px); } .rawly-bar__flavour.is-active { pointer-events: none; cursor: default; } .rawly-bar__flavour.is-active .rawly-bar__flavour-image { border: 2px solid var(--rawly-blue); background: #ffffff; box-shadow: 0 0 0 2px rgba(6, 38, 169, 0.07); } .rawly-bar__flavour.is-active .rawly-bar__flavour-label { font-weight: 900; } .rawly-bar__selected { position: absolute; z-index: 2; top: -7px; right: -4px; padding: 4px 7px; border-radius: 999px; background: var(--rawly-blue); color: #ffffff; font-size: 7.5px; line-height: 1; font-weight: 900; text-transform: uppercase; letter-spacing: 0.35px; } /* ========================================================= BLOC DE MARCA ========================================================= */ .rawly-bar__statement { margin-top: 27px; padding: 20px 17px; border: 1px solid rgba(6, 38, 169, 0.12); border-radius: 18px; background: var(--rawly-accent); } .rawly-bar__statement-title { margin: 0 0 8px; color: var(--rawly-blue); font-family: "Doyle", "Arial Black", Arial, sans-serif; font-size: 24px; line-height: 1.05; font-style: italic; font-weight: 900; } .rawly-bar__statement-text { margin: 0; color: var(--rawly-blue); font-size: 14px; line-height: 1.6; } /* ========================================================= DESPLEGABLES ========================================================= */ .rawly-bar__accordions { display: grid; gap: 10px; margin-top: 20px; } .rawly-bar__accordion { overflow: hidden; border: 1.5px solid rgba(6, 38, 169, 0.16); border-radius: 15px; background: #ffffff; } .rawly-bar__accordion summary { min-height: 60px; padding: 15px 16px; list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--rawly-blue); font-size: 15px; line-height: 1.25; font-weight: 900; } .rawly-bar__accordion summary::-webkit-details-marker { display: none; } .rawly-bar__accordion-title { display: flex; flex-direction: column; gap: 3px; } .rawly-bar__accordion-subtitle { color: rgba(6, 38, 169, 0.63); font-size: 11.5px; line-height: 1.35; font-weight: 500; } .rawly-bar__accordion-icon { position: relative; width: 28px; height: 28px; flex: 0 0 28px; border: 1px solid rgba(6, 38, 169, 0.12); border-radius: 50%; background: var(--rawly-accent); } .rawly-bar__accordion-icon::before, .rawly-bar__accordion-icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 11px; height: 2px; border-radius: 2px; background: var(--rawly-blue); transform: translate(-50%, -50%); transition: transform 0.2s ease; } .rawly-bar__accordion-icon::after { transform: translate(-50%, -50%) rotate(90deg); } .rawly-bar__accordion[open] .rawly-bar__accordion-icon::after { transform: translate(-50%, -50%) rotate(0deg); } .rawly-bar__accordion-content { padding: 17px 16px 18px; border-top: 1px dashed rgba(6, 38, 169, 0.16); background: var(--rawly-white); } .rawly-bar__accordion-content p { margin: 0; color: var(--rawly-blue); font-size: 14px; line-height: 1.65; } /* ========================================================= INGREDIENTS ========================================================= */ .rawly-bar__ingredients-box { padding: 15px; border: 1px solid rgba(6, 38, 169, 0.1); border-radius: 13px; background: #ffffff; } .rawly-bar__ingredients-box strong { font-weight: 900; } .rawly-bar__creatine { margin-top: 14px; padding: 14px 15px; border: 1px solid rgba(6, 38, 169, 0.08); border-radius: 13px; background: var(--rawly-accent); display: flex; align-items: center; gap: 12px; } .rawly-bar__creatine-number { min-width: 48px; color: var(--rawly-blue); font-family: "Doyle", "Arial Black", Arial, sans-serif; font-size: 27px; line-height: 1; font-style: italic; font-weight: 900; } .rawly-bar__creatine-text { color: var(--rawly-blue); font-size: 13px; line-height: 1.4; font-weight: 800; } /* ========================================================= TAULA NUTRICIONAL ========================================================= */ .rawly-bar__table-wrap { width: 100%; overflow: hidden; border: 1.5px solid var(--rawly-blue); border-radius: 13px; background: #ffffff; } .rawly-bar__table { width: 100%; border-collapse: collapse; table-layout: fixed; color: var(--rawly-blue); } .rawly-bar__table th, .rawly-bar__table td { padding: 11px 7px; border-right: 1px solid rgba(6, 38, 169, 0.18); border-bottom: 1px solid rgba(6, 38, 169, 0.18); vertical-align: middle; text-align: left; color: var(--rawly-blue); font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; } .rawly-bar__table th:last-child, .rawly-bar__table td:last-child { border-right: 0; } .rawly-bar__table tbody tr:last-child td { border-bottom: 0; } .rawly-bar__table thead th { background: var(--rawly-blue); color: #ffffff; font-size: 11px; font-weight: 900; } .rawly-bar__table thead th:first-child { width: 46%; } .rawly-bar__table thead th:nth-child(2), .rawly-bar__table thead th:nth-child(3) { width: 27%; } .rawly-bar__table tbody tr:nth-child(even) { background: var(--rawly-accent-soft); } .rawly-bar__table tbody td:first-child { font-weight: 800; } .rawly-bar__table-subitem { display: inline-block; padding-left: 7px; font-weight: 500; } .rawly-bar__nutrition-note { margin-top: 11px !important; color: rgba(6, 38, 169, 0.73) !important; font-size: 12px !important; line-height: 1.5 !important; } /* ========================================================= AL·LÈRGENS ========================================================= */ .rawly-bar__allergen-box { padding: 15px; border-left: 4px solid var(--rawly-blue); border-radius: 12px; background: var(--rawly-cream); } .rawly-bar__allergen-box strong { font-weight: 900; } /* ========================================================= PER QUÈ TRIAR RAWLY? ========================================================= */ .rawly-bar__reasons { display: grid; grid-template-columns: 1fr; gap: 9px; } .rawly-bar__reason { padding: 12px 13px; border: 1px solid rgba(6, 38, 169, 0.1); border-radius: 12px; background: #ffffff; display: flex; align-items: center; gap: 10px; color: var(--rawly-blue); font-size: 13.5px; line-height: 1.4; font-weight: 700; } .rawly-bar__reason-icon { width: 24px; height: 24px; flex: 0 0 24px; border: 1px solid rgba(6, 38, 169, 0.12); border-radius: 50%; background: var(--rawly-accent); display: inline-flex; align-items: center; justify-content: center; color: var(--rawly-blue); font-size: 12px; font-weight: 900; } /* ========================================================= ORDINADOR ========================================================= */ @media (min-width: 750px) { .rawly-bar { margin-top: 20px; margin-bottom: 36px; } .rawly-bar__description p { max-width: 720px; font-size: 16.5px; } .rawly-bar__benefits { grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 29px; } .rawly-bar__benefit { min-height: 48px; padding: 11px 12px; font-size: 12.5px; } .rawly-bar__flavours { padding-top: 25px; } .rawly-bar__flavours-title { font-size: 25px; } .rawly-bar__flavours-subtitle { margin-bottom: 16px; font-size: 14px; } .rawly-bar__flavours-grid { max-width: 500px; gap: 12px; } .rawly-bar__flavour-image { padding: 9px; border-radius: 15px; } .rawly-bar__flavour-label { margin-top: 7px; font-size: 13px; } .rawly-bar__selected { top: -8px; right: -6px; padding: 5px 8px; font-size: 8.5px; } .rawly-bar__statement { margin-top: 31px; padding: 24px 22px; border-radius: 21px; } .rawly-bar__statement-title { font-size: 30px; } .rawly-bar__statement-text { max-width: 680px; font-size: 15px; } .rawly-bar__accordions { margin-top: 24px; } .rawly-bar__accordion summary { min-height: 66px; padding: 17px 20px; font-size: 16px; } .rawly-bar__accordion-subtitle { font-size: 12.5px; } .rawly-bar__accordion-content { padding: 21px 20px 22px; } .rawly-bar__accordion-content p { font-size: 14.5px; } .rawly-bar__creatine { padding: 16px 18px; } .rawly-bar__creatine-number { min-width: 58px; font-size: 31px; } .rawly-bar__creatine-text { font-size: 14px; } .rawly-bar__table th, .rawly-bar__table td { padding: 14px; font-size: 14px; } .rawly-bar__table thead th { font-size: 14px; } .rawly-bar__reasons { grid-template-columns: 1fr 1fr; } .rawly-bar__reason { padding: 13px 15px; font-size: 14px; } } /* ========================================================= PANTALLES MOLT PETITES ========================================================= */ @media (max-width: 370px) { .rawly-bar__flavours-grid { gap: 6px; } .rawly-bar__flavour-image { padding: 5px; border-radius: 11px; } .rawly-bar__flavour-label { font-size: 10px; } .rawly-bar__selected { padding: 4px 5px; font-size: 6.5px; } .rawly-bar__accordion-content { padding-right: 11px; padding-left: 11px; } .rawly-bar__table th, .rawly-bar__table td { padding: 9px 4px; font-size: 9.8px; } .rawly-bar__table thead th { font-size: 9.5px; } } Sabor intens a cacauet amb una textura natural i cruixent. Les barretes Rawly són una alternativa als snacks processats. Estan elaborades amb ingredients naturals, sense additius ni sucres afegits, amb una combinació equilibrada de macronutrients i 3 g de creatina per barreta. ✓ 3 g de creatina ✓ 32,6 % de cacauets ✓ Ingredients naturals ✓ Proteïna vegetal ✓ Sense sucres afegits ✓ Sense additius Tria el teu sabor Descobreix totes les barretes funcionals Rawly. Festuc Seleccionada Cacauet Coco Cacau No és una barreta més. Una recepta elaborada amb ingredients que pots reconèixer, amb un 32,6 % de cacauets, proteïna vegetal i 3 g de creatina monohidrat per barreta. .rawly-cacauet-upsell { --rawly-blue: #0626a9; --rawly-sky: #88c6e9; --rawly-cream: #f7ecd8; --rawly-white: #fdfaf6; --rawly-orange: #cd7922; --rawly-pistachio: #d1e98d; width: 100%; max-width: 780px; margin: 20px 0; color: var(--rawly-blue); font-family: "Antipol", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; } .rawly-cacauet-upsell *, .rawly-cacauet-upsell *::before, .rawly-cacauet-upsell *::after { box-sizing: border-box; } .rawly-cacauet-upsell__container { width: 100%; padding: 17px; border: 1.5px solid rgba(6, 38, 169, 0.14); border-radius: 21px; background: #ffffff; box-shadow: 0 8px 24px rgba(6, 38, 169, 0.07); } /* ========================================================= CAPÇALERA ========================================================= */ .rawly-cacauet-upsell__header { margin-bottom: 15px; } .rawly-cacauet-upsell__heading { width: fit-content; margin: 0; padding-bottom: 5px; border-bottom: 1px solid rgba(6, 38, 169, 0.55); color: var(--rawly-blue); font-size: 12px; line-height: 1.2; font-weight: 900; text-transform: uppercase; letter-spacing: 0.035em; } .rawly-cacauet-upsell__subtitle { margin: 8px 0 0; color: rgba(6, 38, 169, 0.7); font-size: 12.5px; line-height: 1.45; } /* ========================================================= GRAELLA ========================================================= */ .rawly-cacauet-upsell__grid { display: grid; grid-template-columns: 1fr; gap: 10px; } /* ========================================================= TARGETA ========================================================= */ .rawly-cacauet-upsell__card { position: relative; width: 100%; padding: 12px; border: 1.5px solid rgba(6, 38, 169, 0.12); border-radius: 17px; background: var(--rawly-white); display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 12px; align-items: center; } .rawly-cacauet-upsell__card--featured { border-color: rgba(6, 38, 169, 0.32); background: rgba(247, 236, 216, 0.55); } .rawly-cacauet-upsell__badge { position: absolute; z-index: 2; top: 8px; right: 8px; padding: 4px 7px; border-radius: 999px; background: var(--rawly-blue); color: #ffffff; font-size: 7px; line-height: 1; font-weight: 900; text-transform: uppercase; letter-spacing: 0.04em; } /* ========================================================= IMATGE ========================================================= */ .rawly-cacauet-upsell__image-link { width: 84px; height: 84px; padding: 5px; border-radius: 14px; background: #ffffff; display: flex; align-items: center; justify-content: center; overflow: hidden; text-decoration: none !important; } .rawly-cacauet-upsell__image { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; transition: transform 0.2s ease; } .rawly-cacauet-upsell__image-link:hover .rawly-cacauet-upsell__image { transform: scale(1.04); } /* ========================================================= INFORMACIÓ ========================================================= */ .rawly-cacauet-upsell__info { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; } .rawly-cacauet-upsell__eyebrow { margin: 0 0 3px; color: rgba(6, 38, 169, 0.66); font-size: 9px; line-height: 1.2; font-weight: 900; text-transform: uppercase; letter-spacing: 0.04em; } .rawly-cacauet-upsell__title { margin: 0; color: var(--rawly-blue) !important; font-size: 13px; line-height: 1.3; font-weight: 900; text-decoration: none !important; } .rawly-cacauet-upsell__title:hover { text-decoration: underline !important; text-underline-offset: 3px; } /* ========================================================= PREUS ========================================================= */ .rawly-cacauet-upsell__prices { min-height: 20px; margin-top: 4px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; } .rawly-cacauet-upsell__old-price { color: var(--rawly-orange); font-size: 11px; line-height: 1.2; font-weight: 800; text-decoration: line-through; } .rawly-cacauet-upsell__price { color: var(--rawly-blue); font-size: 13.5px; line-height: 1.2; font-weight: 900; } /* ========================================================= BOTÓ ========================================================= */ .rawly-cacauet-upsell__button { min-height: 35px; margin: 8px 0 0; padding: 7px 13px; border: 1.5px solid var(--rawly-blue); border-radius: 999px; background: #ffffff; color: var(--rawly-blue) !important; display: inline-flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer; font-family: inherit; font-size: 9.5px; line-height: 1; font-weight: 900; text-align: center; text-transform: uppercase; letter-spacing: 0.025em; text-decoration: none !important; box-shadow: none; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease; -webkit-tap-highlight-color: transparent; } .rawly-cacauet-upsell__button:hover { border-color: var(--rawly-blue); background: var(--rawly-blue); color: #ffffff !important; text-decoration: none !important; transform: translateY(-1px); } .rawly-cacauet-upsell__button:active { transform: scale(0.97); } .rawly-cacauet-upsell__button:focus-visible { outline: 3px solid var(--rawly-sky); outline-offset: 3px; } .rawly-cacauet-upsell__button.is-loading { pointer-events: none; cursor: wait; border-color: rgba(6, 38, 169, 0.28); background: rgba(6, 38, 169, 0.06); color: rgba(6, 38, 169, 0.62) !important; } .rawly-cacauet-upsell__button.is-added { border-color: var(--rawly-pistachio); background: var(--rawly-pistachio); color: var(--rawly-blue) !important; } .rawly-cacauet-upsell__button.is-error { border-color: var(--rawly-orange); color: var(--rawly-orange) !important; } .rawly-cacauet-upsell__cart-icon { width: 14px; height: 14px; flex: 0 0 14px; display: inline-flex; align-items: center; justify-content: center; } .rawly-cacauet-upsell__cart-icon svg { width: 14px; height: 14px; display: block; } /* ========================================================= MÒBILS MOLT PETITS ========================================================= */ @media (max-width: 370px) { .rawly-cacauet-upsell__container { padding: 14px; } .rawly-cacauet-upsell__card { grid-template-columns: 72px minmax(0, 1fr); gap: 9px; padding: 10px; } .rawly-cacauet-upsell__image-link { width: 72px; height: 72px; } .rawly-cacauet-upsell__title { font-size: 11.5px; } .rawly-cacauet-upsell__price { font-size: 12.5px; } .rawly-cacauet-upsell__button { min-height: 33px; padding: 7px 10px; font-size: 8.5px; } } /* ========================================================= ORDINADOR ========================================================= */ @media (min-width: 750px) { .rawly-cacauet-upsell { margin: 24px 0; } .rawly-cacauet-upsell__container { padding: 20px; } .rawly-cacauet-upsell__heading { font-size: 13px; } .rawly-cacauet-upsell__subtitle { font-size: 13px; } .rawly-cacauet-upsell__grid { grid-template-columns: 1fr 1fr; gap: 12px; } .rawly-cacauet-upsell__card { min-height: 138px; grid-template-columns: 96px minmax(0, 1fr); gap: 14px; padding: 14px; } .rawly-cacauet-upsell__image-link { width: 96px; height: 96px; } .rawly-cacauet-upsell__title { font-size: 14px; } .rawly-cacauet-upsell__price { font-size: 14.5px; } .rawly-cacauet-upsell__button { min-height: 37px; padding: 8px 14px; font-size: 10px; } } @media (prefers-reduced-motion: reduce) { .rawly-cacauet-upsell__image, .rawly-cacauet-upsell__button { transition: none; } } Compra la teva caixa Escull el format que millor s’adapta al teu dia a dia. Format descoberta Caixa de 5 barretes de cacauet 9,95 € 9,45 € Afegir Més estalvi Format estalvi Caixa de 24 barretes de cacauet 47,76 € 40,58 € Afegir (function () { function initRawlyCacauetUpsell() { var blocks = document.querySelectorAll( '[data-rawly-cacauet-upsell]:not([data-rawly-ready])' ); for (var blockIndex = 0; blockIndex < blocks.length; blockIndex++) { bindRawlyUpsell(blocks[blockIndex]); } } function bindRawlyUpsell(block) { block.setAttribute('data-rawly-ready', 'true'); block.addEventListener('click', function (event) { var button = event.target.closest('[data-rawly-add]'); if (!button || !block.contains(button)) { return; } /* * Si el navegador no permet fetch, * no bloquegem l'enllaç. * S'obrirà directament la pàgina del producte. */ if (typeof window.fetch !== 'function') { return; } event.preventDefault(); addRawlyProduct(button); }); } function addRawlyProduct(button) { if (button.classList.contains('is-loading')) { return; } var fallbackUrl = button.getAttribute('href'); var variantId = Number( button.getAttribute('data-variant-id') ); var buttonText = button.querySelector( '[data-rawly-button-text]' ); if (!variantId || !buttonText) { window.location.href = fallbackUrl; return; } var root = '/'; if ( window.Shopify && window.Shopify.routes && window.Shopify.routes.root ) { root = window.Shopify.routes.root; } var addUrl = root + 'cart/add.js'; var cartDrawer = document.querySelector('cart-drawer') || document.querySelector('cart-notification'); var sections = []; if ( cartDrawer && typeof cartDrawer.getSectionsToRender === 'function' ) { sections = cartDrawer .getSectionsToRender() .map(function (section) { return section.id; }); if ( typeof cartDrawer.setActiveElement === 'function' ) { cartDrawer.setActiveElement(button); } } var requestBody = { items: [ { id: variantId, quantity: 1 } ] }; if (sections.length > 0) { requestBody.sections = sections; requestBody.sections_url = window.location.pathname; } button.classList.remove( 'is-added', 'is-error' ); button.classList.add('is-loading'); buttonText.textContent = 'Afegint...'; fetch(addUrl, { method: 'POST', headers: { Accept: 'application/json', 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, credentials: 'same-origin', body: JSON.stringify(requestBody) }) .then(function (response) { return response .json() .then(function (data) { if ( !response.ok || data.status ) { throw new Error( data.description || data.message || 'No s’ha pogut afegir el producte.' ); } return data; }); }) .then(function (data) { button.classList.remove('is-loading'); button.classList.add('is-added'); buttonText.textContent = 'Afegit ✓'; /* * Intenta actualitzar i obrir * el calaix de la cistella del tema. */ if ( cartDrawer && data.sections && typeof cartDrawer.renderContents === 'function' ) { if ( cartDrawer.classList.contains('is-empty') ) { cartDrawer.classList.remove('is-empty'); } cartDrawer.renderContents(data); } else { updateRawlyCartCount(root); } window.setTimeout(function () { button.classList.remove('is-added'); buttonText.textContent = 'Afegir'; }, 1800); }) .catch(function (error) { console.error( 'Rawly upsell error:', error ); button.classList.remove('is-loading'); button.classList.add('is-error'); buttonText.textContent = 'Obrint producte...'; /* * Si AJAX falla, obre la pàgina * de la caixa corresponent. */ window.setTimeout(function () { window.location.href = fallbackUrl; }, 650); }); } function updateRawlyCartCount(root) { window.setTimeout(function () { fetch(root + 'cart.js', { method: 'GET', headers: { Accept: 'application/json' }, credentials: 'same-origin' }) .then(function (response) { if (!response.ok) { throw new Error( 'No s’ha pogut actualitzar la cistella.' ); } return response.json(); }) .then(function (cart) { var bubbles = document.querySelectorAll( '.cart-count-bubble' ); for ( var bubbleIndex = 0; bubbleIndex < bubbles.length; bubbleIndex++ ) { var visibleNumber = bubbles[bubbleIndex].querySelector( 'span[aria-hidden="true"]' ) || bubbles[bubbleIndex].querySelector('span'); if (visibleNumber) { visibleNumber.textContent = cart.item_count; } bubbles[bubbleIndex].style.display = ''; } }) .catch(function (error) { console.error( 'Rawly cart count:', error ); }); }, 200); } if (document.readyState === 'loading') { document.addEventListener( 'DOMContentLoaded', initRawlyCacauetUpsell ); } else { initRawlyCacauetUpsell(); } document.addEventListener( 'shopify:section:load', initRawlyCacauetUpsell ); })(); INGREDIENTS Una recepta curta i fàcil d’entendre Dàtils (50,4 %), cacauets (32,6 %), monohidrat de creatina (8,9 %) i proteïna de pèsol (8,1 %). 3 g de creatina monohidrat per barreta de 35 g INFORMACIÓ NUTRICIONAL Valors per 100 g i per barreta de 35 g Valors nutricionals Per 100 g Per 35 g Valor energètic 1.493 kJ357 kcal 523 kJ125 kcal Greixos 16,5 g 5,8 g dels quals saturats 2,1 g 0,7 g Hidrats de carboni 43,5 g 15,2 g dels quals sucres* 34,8 g 12,2 g Fibra alimentària 7,0 g 2,5 g Proteïnes 16,5 g 5,8 g Sal 0,02 g 0,007 g * Conté sucres naturalment presents. 3 g de creatina per barreta AL·LÈRGENS Informació important abans de consumir-la Conté cacauets. Pot contenir traces de fruits de closca. PER QUÈ TRIAR RAWLY? Tot el que aporta aquesta barreta ✓ Combinació equilibrada de macronutrients ✓ 3 g de creatina per barreta ✓ 32,6 % de cacauets ✓ Ingredients naturals seleccionats ✓ Proteïna vegetal ✓ Sense additius ni sucres afegits ✓ Sense gluten ✓ Apta per a vegans
