/* K1 per-shop support fix — philosophy-outfitters.myshopify.com (theme: ELLA 6.4.2 - DARIO) * * (1) ELLA renders product blocks from snippets/product-page*.liquid, whose * `{% case block.type %}` carries 24 `when` arms and no `@app` arm and no `else`. * sections/main-product.liquid still declares `{"type":"@app"}` in its schema, so the * merchant CAN add "K1 Payment Options" in the editor (it is in templates/product.json, * enabled, right after buy_buttons) and it is silently never rendered — which also means * payment-options-v2.js never loads and no `selling_plan` is ever put on the form. * This rebuilds the app block's container, its K1PaymentOptionsBlocks entry and its two * assets. It stands down the moment a real `.k1-payment-options-block` is on the page. * * (2) resolveParent() in preorder-catalog-v2.js matches no ancestor of ELLA's PDP form — * the product markup has no

, no

and no .grid* wrapper — so formContexts * comes back empty and badge + message never render. `wt-product` is already a member of * that selector chain, so tagging ELLA's product wrapper with it is enough. * * Rollback: POST /api/admin/update-design {"shop":"philosophy-outfitters.myshopify.com","supportJs":""} */ ;(function () { 'use strict' if (window.__k1EllaShim) return window.__k1EllaShim = true var PRODUCT_WRAPPER = '.productView.halo-productView' var MAIN_FORM_HOLDER = 'product-form.productView-form' var BLOCK_ID = 'ellashim' function tagParents() { var nodes = document.querySelectorAll(PRODUCT_WRAPPER) for (var i = 0; i < nodes.length; i++) nodes[i].classList.add('wt-product') } /* Collection/home cards resolve to `li.product` fine, but the badge's own container lookup * for an `li` parent only knows `.card__media` / `.card__content` / `.product-media` / * `.card-gallery` / `.product-card__content` / `.product-card--featured-image`; ELLA's card * image wrapper is `.card-media`, so every card logged `No container found for product` and * no badge was drawn. `card-gallery` is carried by NO stylesheet on this storefront (checked * across every readable sheet), so the added class is inert to the theme's own CSS. */ function tagCardMedia() { var nodes = document.querySelectorAll('li.product .card-media, .product-item .card-media') for (var i = 0; i < nodes.length; i++) nodes[i].classList.add('card-gallery') } function assetUrl(name) { var s = document.querySelector('script[src*="preorder-catalog-v2.js"]') if (!s) return null return s.src.replace(/preorder-catalog-v2\.js(\?.*)?$/, name) } /* /products/.js omits `checkout_charge` (Liquid's `product | json`, which the real * block passes, carries it). extractPaymentOptions reads {payment}/{remaining} off it, so * without this the deposit renders as 0. Rebuilt from the app's own PreorderConfig export. */ function checkoutCharge(planId) { var rules = (window.PreorderConfig && window.PreorderConfig.rules) || [] for (var i = 0; i < rules.length; i++) { var po = rules[i].po || [] for (var j = 0; j < po.length; j++) { if (String(po[j].sid) !== String(planId)) continue if (po[j].dt === 'percentage') return { value_type: 'percentage', value: Number(po[j].dv) } if (po[j].dt === 'fixed_amount') return { value_type: 'price', value: Math.round(Number(po[j].dv) * 100) } return { value_type: 'percentage', value: 100 } } } return null } /* Handle resolved meta-first: location.pathname is `/products_preview` on an admin * preview link and is rewritten by some page builders, so the path is the LAST source, * never the first. `Shopify.routes.root` carries the locale prefix. */ function productJsonUrl() { /* Admin "Preview" of an UNPUBLISHED product: /products/.js 404s there (the Ajax * endpoint does not serve unpublished products), but /products_preview.js with the same * preview_key does. Lets the merchant see the pre-order block before publishing. */ if (/\/products_preview$/.test(location.pathname)) { return location.pathname + '.js' + location.search } var root = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) || '/' var meta = window.ShopifyAnalytics && window.ShopifyAnalytics.meta var handle = (meta && meta.product && meta.product.handle) || null if (!handle) { var canonical = document.querySelector('link[rel="canonical"]') var source = (canonical && canonical.getAttribute('href')) || location.pathname var m = source.match(/\/products\/([^/?#]+)/) handle = m ? m[1] : null } return handle ? root + 'products/' + handle + '.js' : null } function mountBlock() { if (document.querySelector('.k1-payment-options-block')) return var holder = document.querySelector(MAIN_FORM_HOLDER) var form = holder && holder.querySelector('form[action*="/cart/add"]') if (!form) return var url = productJsonUrl() if (!url) return fetch(url, { headers: { Accept: 'application/json' } }) .then(function (r) { return r.ok ? r.json() : null }) .then(function (product) { if (!product || !product.selling_plan_groups) return var k1 = product.selling_plan_groups.filter(function (g) { return g.app_id === 'k1' }) if (!k1.length) return // ordinary product: nothing to mount, nothing to load if (document.querySelector('.k1-payment-options-block')) return k1.forEach(function (g) { ;(g.selling_plans || []).forEach(function (p) { if (!p.checkout_charge) { var cc = checkoutCharge(p.id) if (cc) p.checkout_charge = cc } }) }) /* findProductFormByProductId prefers the form whose [name="id"] matches the block's * data-variant-id — on this theme that is the Shop Pay INSTALLMENTS form, which sits * first in document order and carries the same id. Leave data-variant-id empty so that * preference is skipped, and mark the real form's holder so preference 2 picks it. */ holder.setAttribute('data-product-id', String(product.id)) var anchor = form.closest('.productView-moreItem') || holder var el = document.createElement('div') el.id = 'k1-payment-options-' + BLOCK_ID el.className = 'k1-payment-options-block' el.setAttribute('data-product-id', String(product.id)) el.setAttribute('data-variant-id', '') anchor.parentNode.insertBefore(el, anchor.nextSibling) var idField = form.querySelector('[name="id"]') window.K1PaymentOptionsBlocks = window.K1PaymentOptionsBlocks || {} window.K1PaymentOptionsBlocks[BLOCK_ID] = { productId: String(product.id), variantId: idField ? String(idField.value) : '', variantPrice: product.variants[0] ? product.variants[0].price : 0, product: product, moneyFormat: (window.PreorderConfig && window.PreorderConfig.moneyFormat) || '€{{amount_with_comma_separator}}', previewWidget: false, } var css = assetUrl('payment-options.css') if (css && !document.querySelector('link[href*="payment-options.css"]')) { var link = document.createElement('link') link.rel = 'stylesheet' link.href = css document.head.appendChild(link) } var js = assetUrl('payment-options-v2.js') if (js && !document.querySelector('script[src*="payment-options-v2.js"]')) { var s = document.createElement('script') s.src = js s.defer = true document.head.appendChild(s) } }) .catch(function () {}) } function run() { try { tagParents() tagCardMedia() mountBlock() } catch (e) { /* never block the theme */ } } run() if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run) /* ELLA re-renders the product section on a variant change; re-tag and re-mount after it. */ var t = null new MutationObserver(function () { clearTimeout(t) t = setTimeout(run, 200) }).observe(document.documentElement, { childList: true, subtree: true }) })() /* K1 per-shop support fix — philosophy-outfitters.myshopify.com * formatPrice() in payment-options-v2.js always renders `(cents/100).toFixed(2)` — a period * decimal and no thousands separator — whichever `{{ amount… }}` token the shop's money * format carries. On this shop the theme prints the price as EUR 44,90 one line above a * widget printing EUR 15.00. APP-LEVEL defect (every comma-separator shop), patched here for * display only, and only while the shop's own format is the comma one, so it disables itself * if the merchant switches. Scoped to the widget container: nothing else is touched. * Rollback rides with supportJs. */ ;(function () { 'use strict' if (window.__k1EllaMoneyFix) return var fmt = (window.PreorderConfig && window.PreorderConfig.moneyFormat) || '' if (fmt.indexOf('comma_separator') === -1) return window.__k1EllaMoneyFix = true function grouped(intPart) { return intPart.replace(/\B(?=(\d{3})+(?!\d))/g, '.') } /* `15.00` -> `15,00`, `1234.56` -> `1.234,56`. A match touching another `.`/`,`/digit on * either side is left alone, so a dotted date (`2026.10.12`) or a 3-decimal number is not * rewritten — without that guard the pass is not even idempotent. No lookbehind: it would * be a parse-time SyntaxError on older Safari and would take the whole file with it. */ function normalise(root) { var walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null) var node while ((node = walker.nextNode())) { var next = node.nodeValue.replace(/(\d+)\.(\d{2})/g, function (m, a, b, offset, whole) { var before = offset > 0 ? whole.charAt(offset - 1) : '' var after = whole.charAt(offset + m.length) if (before === '.' || before === ',') return m if (after === '.' || after === ',' || (after >= '0' && after <= '9')) return m return grouped(a) + ',' + b }) if (next !== node.nodeValue) node.nodeValue = next } } function run() { var blocks = document.querySelectorAll('.k1-payment-options-block') for (var i = 0; i < blocks.length; i++) normalise(blocks[i]) } var t = null new MutationObserver(function () { clearTimeout(t) t = setTimeout(run, 50) }).observe(document.documentElement, { childList: true, subtree: true, characterData: true }) run() if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run) })()

Your cart

Shop the look

Choose Options

Edit Option

Back In Stock Notification