{% assign widgetNameTranslationLabel = 'recommendation.' | append: widgetId %}{% assign widgetTitle = '' %}{% if widgetDesignSettings.titleAlignment != '' %} {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}{% endif %}

{{ widgetNameTranslationLabel | translate: translations, widgetName }}

{% if widgetDesignSettings.layoutDisplay == 'carousel' %}

{% for product in products %}

{% capture domain %}{{ widgetDesignSettings.tenantId }}{% endcapture %} {% if product.original_images != nil %} {% assign imageArray = product.original_images %}{% else %} {% assign imageArray = product.images_info %}{% endif %}{% assign productId = product.id %}{% if product.variant_id %} {% assign productId = product.variant_id %}{% endif %}{% assign filterOptionIdImageBaseOn = 'pf_opt_color' %} {% capture filterOptionIdImageBaseOn %}pf_opt_title{% endcapture %}{% assign optionName = filterOptionIdImageBaseOn | replace: 'pf_opt_', '' %}{% assign filterValues = request[filterOptionIdImageBaseOn] %}{% assign selectedVariantImageByFilterOption = nil %}{% comment %}NEW LOGIC: Only find images based on filters IF that variant matches the item being displayed (for split products){% endcomment %}{% if product.variant_id %} {% assign targetVariantId = product.variant_id %} {% for variant in product.variants %} {% if variant.id == product.variant_id %} {% for filterValue in filterValues %} {% assign optionNameValue = optionName | append: ":" | append: filterValue | strip %} {% if variant.merged_options contains optionNameValue %} {% if variant.image %} {% assign selectedVariantImageByFilterOption = variant.image %} {% break %} {% endif %} {% endif %} {% endfor %} {% if selectedVariantImageByFilterOption != nil %} {% break %} {% endif %} {% endif %} {% endfor %}{% else %} {% for item in product.variants %} {% for filterValue in filterValues %} {% assign optionNameValue = optionName | append: ":" | append: filterValue | strip %} {% if item.merged_options contains optionNameValue %} {% if item.image %} {% assign selectedVariantImageByFilterOption = item.image %} {% break %} {% endif %} {% endif %} {% endfor %} {% if selectedVariantImageByFilterOption != nil %}{% break %}{% endif %} {% endfor %}{% endif %}{% capture productVariants %} [ {% for variant in product.variants %} {% assign preorder = '{}' %} {% if variant.preorder and variant.preorder != nil %} {% assign preorder = variant.preorder %} {% else %} {% assign preorder = '' %} {% endif %} { "title": "{{ variant.title }}", "id": "{{ variant.id }}", "available": {{ variant.available }}, "preorder": {{ preorder | json }} }{% unless forloop.last %},{% endunless %} {% endfor %} ]{% endcapture %}{% capture productData %} { "handle": "{{ product.handle }}", "variantId": "{{ product.variant_id }}", "splitProduct": "{{ product.split_product }}", "priceMin": "{{ product.price_min }}", "priceMax": "{{ product.price_max }}", "compareAtPriceMin": "{{ product.compare_at_price_min }}", "compareAtPriceMax": "{{ product.compare_at_price_max }}", "images": {{ imageArray | json | escape }}, "options_with_values": {{ product.options_with_values | json | escape }}, "selectedVariantImageByFilterOption": "{{ selectedVariantImageByFilterOption | escape }}", "category": "{{ product.product_type | escape }}", "tags" : {{ product.tags | json | escape }} }{% endcapture %}{%- capture borderLayoutSetting %}noBorder{% endcapture -%}{% if borderLayoutSetting == 'noPadding' %} {% assign borderLayoutItem = 'no-padding' %}{% elsif borderLayoutSetting == 'hasPadding' %} {% assign borderLayoutItem = 'border-has-padding' %}{% elsif borderLayoutSetting == 'noPaddingImage' %} {% assign borderLayoutItem = 'border-no-padding-image' %}{% else %} {% assign borderLayoutItem = 'no-border' %}{% endif %}{% assign productLocale = '' %}{% if request.current_locale != "" or request.current_locale != null or request.current_locale != nil %} {% assign productLocale = request.current_locale %}{% endif %}{% assign variantUrl = '' %}{% if product.variant_id %} {% assign variantUrl = '?variant=' | append: product.variant_id %}{% endif %}

{%- capture aspectRatioSetting %}portrait{% endcapture -%}{% capture hoverEffect %}zoom-in{% endcapture %}{% assign productImages = product.images_info %}{% if product.split_product %} {% assign productImages = product.original_images %}{% endif %}{%- comment -%} Consolidate GIF filtering logic based on settings {%- endcomment -%}{% assign noImageUrl = "https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" %}{% assign filteredImages = "" | split: "," %}{% assign nonGifImages = "" | split: "," %}{% if checkShowGif == false or checkShowGif == 'false' or checkShowGif == nil %} {% for img in productImages %} {% assign img_url_clean = img.src | split: '?' | first | downcase %} {% unless img_url_clean contains '.gif' %} {% assign tmp = img.src | split: "___" %} {% assign filteredImages = filteredImages | concat: tmp %} {% assign nonGifImages = nonGifImages | concat: tmp %} {% endunless %} {% endfor %}{% else %} {% assign filteredImages = productImages %} {% for img in productImages %} {% assign img_url_clean = img.src | split: '?' | first | downcase %} {% unless img_url_clean contains '.gif' %} {% assign tmp = img.src | split: "___" %} {% assign nonGifImages = nonGifImages | concat: tmp %} {% endunless %} {% endfor %}{% endif %}

{%- comment -%} Consolidate hover effect logic {%- endcomment -%} {% assign effectClasses = '' %} {% assign hasSecondImage = false %} {% if hoverEffect == 'zoom-in' or hoverEffect == 'reveal-second-image-and-zoom-in' %} {% assign effectClasses = effectClasses | append: 'boost-sd__product-image-wrapper--zoom-in' %} {% endif %} {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %} {% if filteredImages.size > 1 %} {% assign hasSecondImage = true %} {% endif %} {% comment %} Always add has-second-image class for reveal-second-image-and-zoom-in to ensure zoom works {% endcomment %} {% if hasSecondImage or hoverEffect == 'reveal-second-image-and-zoom-in' %} {% assign effectClasses = effectClasses | append: ' boost-sd__product-image-wrapper--has-second-image' %} {% endif %} {% endif %} {% assign aspectRatio = '' -%} {% if aspectRatioSetting == 'natural' -%} {% if hasGifData and mediaToDisplay.image %} {% assign imageWidth = mediaToDisplay.image.width %} {% assign imageHeight = mediaToDisplay.image.height %} {% else %} {% assign imageWidth = product.images_info[0].width %} {% assign imageHeight = product.images_info[0].height %} {% endif %} {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%} {% endif -%} {%- comment -%} select video of gif prioritize {%- endcomment -%} {% assign firstVideo = nil %} {% assign firstGif = nil %} {% assign hasVideoData = false %} {% assign hasGifData = false %} {% if product.media and product.media.size > 0 %} {% for media_item in product.media %} {% if media_item.mediaContentType == 'VIDEO' and firstVideo == nil %} {% assign firstVideo = media_item %} {% assign hasVideoData = true %} {% elsif media_item.mediaContentType == 'IMAGE' and firstGif == nil %} {% assign media_url_clean = media_item.image.originalSrc | split: '?' | first | lowercase %} {% if media_url_clean contains '.gif' %} {% assign firstGif = media_item %} {% assign hasGifData = true %} {% endif %} {% endif %} {% endfor %} {% endif %} {%- comment -%} prioritize video > gif > image {%- endcomment -%} {% assign showMedia = false %} {% assign mediaToDisplay = nil %} {% if hasVideoData %} {% assign mediaToDisplay = firstVideo %} {% assign showMedia = true %} {% assign mediaType = 'video' %} {% elsif hasGifData %} {% assign mediaToDisplay = firstGif %} {% assign showMedia = true %} {% assign mediaType = 'gif' %} {% endif %} {% assign finalShowMedia = false %}

{% assign firstImageObj = product.images_info[0] %} {% assign hasImages = false %} {% if firstImageObj and firstImageObj.src != blank %} {% assign hasImages = true %} {% endif %} {% if finalShowMedia %} {%- comment -%} CASE 1: VIDEO / GIF {%- endcomment -%} {% if mediaType == 'video' %}

{% else %} {{ product.title | escape }}

{% endif %} {% elsif hasImages %} {%- comment -%} NORMAL IMAGE {%- endcomment -%} {% assign firstImageSrc = "" %} {% if filteredImages.size > 0 %} {% assign firstImageSrc = filteredImages[0] %} {% else %} {% assign firstImageSrc = noImageUrl %} {% endif %} {%- comment -%} Responsive image parameters {%- endcomment -%} {% assign widthParam = "&width=" -%} {% assign widths = "200,300,400,500,700,800" | split: "," -%} {% assign maxWidth = 700 -%} {% if request.device contains 'mobile' -%} {% assign maxWidth = 400 -%} {% endif -%} {% assign productPerRow = 4 -%} {% if request.productPerRow != blank -%} {% assign productPerRow = request.productPerRow | plus: 0 -%} {% endif -%} {% if request.productImageWidth != blank -%} {% assign imageWidth = request.productImageWidth | plus: 0 -%} {% if imageWidth > maxWidth -%} {% assign maxWidth = imageWidth -%} {% endif -%} {% endif -%} {% if product.images_info[0] -%} {% capture srcset -%} {% for width in widths -%} {% assign widthNo = width | plus: 0 %} {% if widthNo < maxWidth -%} {{ firstImageSrc }}{{ widthParam }}{{ width }} {{ width }}w, {% else -%} {{ firstImageSrc }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w {% break -%} {% endif -%} {% endfor -%} {% endcapture -%} {{ product.title | escape }}

{% else %} {{ product.title | escape }}

{% endif %} {% else %} {%- comment -%}CASE 3: NO IMAGE ONLY {%- endcomment -%} {{ product.title | escape }}

{% endif %} {% comment %} Only render second image block if there's potential for a second image {% endcomment %} {% assign shouldRenderSecondImage = false %} {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %} {% if finalShowMedia and nonGifImages.size > 0 %} {% assign shouldRenderSecondImage = true %} {% elsif nonGifImages.size > 1 %} {% assign shouldRenderSecondImage = true %} {% endif %} {% endif %} {% if shouldRenderSecondImage %} {% assign secondImage = nil %} {% if finalShowMedia %} {%- comment -%} When showing video/GIF, hover should show first normal image {%- endcomment -%} {% if nonGifImages.size > 0 %} {% assign secondImage = nonGifImages[0] %} {% endif %} {% else %} {%- comment -%} When showing normal image, hover should show second image {%- endcomment -%} {% if nonGifImages.size > 1 %} {% assign secondImage = nonGifImages[1] %} {% endif %} {% endif %} {% if secondImage != blank %} {% capture secondImageSrcset %} {% for width in widths %} {% assign widthNo = width | plus: 0 %} {% if widthNo < maxWidth %} {{ secondImage }}{{ widthParam }}{{ width }} {{ width }}w, {% else %} {{ secondImage }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w {% break %} {% endif %} {% endfor %} {% endcapture %} {% endif %} {% endif %}

{% assign hideOtherLabelsWhenSoldOut = true -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign removePriceDecimal = false -%}{% assign showCentAsSuperscript = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% if hideOtherLabelsWhenSoldOut != true -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}

{% endif -%} {% assign filteredTags = "" -%} {% assign allTags = product.tags -%} {% if product.original_tags != nill %} {% assign allTags = allTags | concat: product.original_tags | uniq -%} {% endif %} {% for tag in allTags -%} {% if tag contains 'pfs:label' -%} {% assign tagWithoutLabel = tag | remove: 'pfs:label-' -%} {% assign filteredTags = filteredTags | append: tagWithoutLabel | append: ',' -%} {% endif -%} {% endfor -%} {% assign filteredTags = filteredTags | split: ',' -%} {% for tag in filteredTags -%} {% unless tag == blank %}

{% endunless %} {% endfor -%} {% else -%} {% if product.available == false -%} {% else -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin > product.price_min and compareAtPriceMin > 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %}

{% endunless %} {% endfor -%} {% endif -%}{% endif -%}{% assign exclusiveTags = product.tags -%}{% if product.original_tags != nill %} {% assign exclusiveTags = exclusiveTags | concat: product.original_tags | uniq -%}{% endif %}{% if exclusiveTags contains 'Overkill Exclusive' -%}

Overkill Exclusive

{% endif -%}

{% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = false -%}{% assign showCentAsSuperscript = false -%}{% assign showCentAsSuperscript = true -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%} {% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%} {% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%} {% assign elsewhereMin = 0 -%} {% for mf in product.metafields -%} {% if mf.namespace == 'custom' and mf.key == 'elsewhere_price' -%} {% assign _after = mf.value | split: '"amount":"' | last -%} {% assign _amount = _after | split: '"' | first -%} {% assign elsewhereMin = _amount | times: 1.0 -%} {% break -%} {% endif -%} {% endfor -%}{% if minPrice == 0 and product.price -%} {% assign minPrice = product.price | times: 1.0 -%}{% endif -%}{% if minPrice == 0 and product.price_min_field -%} {% assign minPrice = product.price_min_field | times: 1.0 -%}{% endif -%}{% if product.variant_id != "" and product.variant_id != blank -%} {% assign currentVariantId = product.variant_id | times: 1 -%} {% for variant in product.variants -%} {% if variant.id == currentVariantId -%} {% assign minPrice = variant.price | times: 1.0 -%} {% assign maxPrice = variant.price | times: 1.0 -%} {% if variant.compare_at_price and variant.compare_at_price != "0.0" -%} {% assign compareAtPriceMin = variant.compare_at_price | times: 1.0 -%} {% endif -%} {% break -%} {% endif -%} {% endfor -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin > minPrice -%} {% assign isSale = true -%}{% endif -%}{% assign comparePrice = 0 -%}{% assign compareLabel = '' -%}{% assign elsewhereThreshold = elsewhereMin | times: 0.98 -%}{% if isSale -%} {% assign comparePrice = compareAtPriceMin -%} {% assign compareLabel = 'Was' -%}{% elsif elsewhereMin > 0 and minPrice < elsewhereThreshold -%} {% assign comparePrice = elsewhereMin -%} {% assign compareLabel = 'Elsewhere' -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% if comparePrice > 0 -%} {% assign compareAtPriceWithFormat = comparePrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}{% endif -%}{% if isSale and compareAtPriceMin > 0 -%} {% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%} {% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endif -%}{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice > minPrice -%} {% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains "minPrice" -%} {% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%} {% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice > minPrice and hasMultiVariantPrice -%} {% assign priceValueWithFormat = "productItem.amount" | translate: translations, "" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%} {% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%} {% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}

{% if isSale %} Regular price {{ compareAtPriceWithFormat }}, now on sale for {{ priceValueWithFormat }}{% if savingPriceWithFormat != '' %}, saving {{ savingPriceWithFormat }}{% endif %}{% elsif compareLabel != '' %} {{ priceValueWithFormat }}, elsewhere {{ compareAtPriceWithFormat }}{% else %} Regular price {{ priceValueWithFormat }}{% endif %} {% if savingPriceWithFormat != '' -%} {% endif -%}

{% capture lowInventoryThresholdSetting %} 0 {% endcapture %} {% assign lowInventoryThreshold = lowInventoryThresholdSetting | times: 1 %} {%- assign isBackorder = false -%} {%- for tag in product.tags -%} {%- assign tagDowncased = tag | downcase -%} {%- if tagDowncased == 'backorder' -%} {%- assign isBackorder = true -%} {%- break -%} {%- endif -%} {%- endfor -%} {%- assign isPreorder = false -%} {%- for tag in product.tags -%} {%- assign tagDowncased = tag | downcase -%} {%- if tagDowncased == 'pre-order' -%} {%- assign isPreorder = true -%} {%- break -%} {%- endif -%} {%- endfor -%} {%- comment -%} FREE DELIVERY PILL. Mirrors the theme's snippets/pcard-stock-status.liquid: shown under the In Stock / Pre-Order line when the price the card shows is $99 or more and the product is not oversized. Output only from the In Stock and Pre-Order branches below (never Backorder or Sold Out). - Price: same rules as product-price/main.liquid (price_min, falling back to price / price_min_field, or the variant's own price on a split product). Boost prices are in dollars, not cents. - 99 is hard-coded: Boost cannot read the theme's free_shipping_minimum_amount setting. If the threshold changes, change it here too. - Oversized = the `oversized` product tag, kept in sync with the variant metafield custom.free_shipping_excluded by scripts/sync-oversized-tag.mjs in the theme repo (hourly). - `discontinued` excluded too: the theme shows those as "Unavailable", with no free-delivery promise, but this template has no discontinued branch. - The tick is the theme's snippets/icon-check.liquid, inlined. {%- endcomment -%} {%- assign fdPrice = product.price_min | times: 1.0 -%} {%- if fdPrice == 0 and product.price -%} {%- assign fdPrice = product.price | times: 1.0 -%} {%- endif -%} {%- if fdPrice == 0 and product.price_min_field -%} {%- assign fdPrice = product.price_min_field | times: 1.0 -%} {%- endif -%} {%- if product.variant_id != "" and product.variant_id != blank -%} {%- assign fdVariantId = product.variant_id | times: 1 -%} {%- for variant in product.variants -%} {%- if variant.id == fdVariantId -%} {%- assign fdPrice = variant.price | times: 1.0 -%} {%- break -%} {%- endif -%} {%- endfor -%} {%- endif -%} {%- assign fdEligible = false -%} {%- if fdPrice >= 99 -%} {%- assign fdEligible = true -%} {%- endif -%} {%- for tag in product.tags -%} {%- assign tagDowncased = tag | downcase -%} {%- if tagDowncased == 'oversized' or tagDowncased == 'discontinued' -%} {%- assign fdEligible = false -%} {%- break -%} {%- endif -%} {%- endfor -%} {%- capture freeDeliveryPill -%} {%- if fdEligible -%}

Free Delivery

{%- endif -%} {%- endcapture -%} {%- if isBackorder -%}

{{ "productItem.inventoryBackorder" | translate: translations, "Backorder" }}

{%- elsif isPreorder -%} {%- assign releaseRaw = '' -%} {%- for mf in product.metafields -%} {%- if mf.namespace == 'custom' and mf.key == 'release_date' -%} {%- assign releaseRaw = mf.value -%} {%- break -%} {%- endif -%} {%- endfor -%}

{{ "productItem.inventoryReStock" | translate: translations, "Pre-Order" }} {%- if releaseRaw != '' -%} Out {{ releaseRaw | date: '%-d %b %Y' }} {%- endif -%}

{{- freeDeliveryPill -}} {%- elsif product.variants.first.inventory_management != null -%} {%- if product.available -%} {%- assign shouldCalculateInventory = true -%} {%- for variant in product.variants -%} {%- if variant.inventory_policy == 'continue' or variant.inventory_management == null -%} {%- assign shouldCalculateInventory = false -%} {%- break -%} {%- endif -%} {%- endfor -%} {%- if shouldCalculateInventory and lowInventoryThreshold > 0 -%} {%- assign sumInventoryQuantity = 0 -%} {%- for variant in product.variants -%} {%- if variant.inventory_management -%} {%- assign sumInventoryQuantity = variant.inventory_quantity | at_least: 0 | plus: sumInventoryQuantity -%} {%- endif -%} {%- endfor -%} {%- if sumInventoryQuantity <= lowInventoryThreshold -%} {% comment %} {% assign inventoryLowStockTranslated = 'productItem.inventoryLowStock' | translate: translations, 'Only {{count}} left!' | replace: '{{count}}', sumInventoryQuantity -%} {{ inventoryLowStockTranslated }} {% endcomment %}

{% assign inventoryLowStockTranslated = 'productItem.inventoryLowStock' | translate: translations, 'Only {{count}} left!' | replace: '{{count}}', sumInventoryQuantity -%} {{ inventoryLowStockTranslated }}

{{- freeDeliveryPill -}} {%- else -%} {% comment %} {{ "productItem.inventoryInStock" | translate: translations, "In stock" }} {% endcomment %}

{{ "productItem.inventoryInStock" | translate: translations, "In stock" }}

{{- freeDeliveryPill -}} {%- endif -%} {%- else -%} {%- if product.variants.first.inventory_policy == 'continue' and product.variants.first.inventory_quantity <= 0 -%} {% comment %} {{ "productItem.inventoryReStock" | translate: translations, "Pre-Order" }} {% endcomment %}

{{ "productItem.inventoryReStock" | translate: translations, "Pre-Order" }} {% assign releaseRaw = '' -%} {% for mf in product.metafields -%} {% if mf.namespace == 'custom' and mf.key == 'release_date' -%} {% assign releaseRaw = mf.value -%} {% break -%} {% endif -%} {% endfor -%} {%- if releaseRaw != '' -%} Out {{ releaseRaw | date: '%-d %b %Y' }} {%- endif -%}

{{- freeDeliveryPill -}} {%- else -%} {% comment %} {{ "productItem.inventoryInStock" | translate: translations, "In stock" }} {% endcomment %}

{{ "productItem.inventoryInStock" | translate: translations, "In stock" }}

{{- freeDeliveryPill -}} {%- endif -%} {%- endif -%} {%- else -%} {% comment %} {{ "productItem.inventorySoldOut" | translate: translations, "Sold out" }} {% endcomment %}

Sold Out

{%- endif -%} {%- endif -%} {% assign swatches = '' %} {% assign swatches = 'swatch item 1' %} {% capture swatchType %}colour{% endcapture %}{% capture swatchBy %}product-image{% endcapture %}{% capture swatchShape %}box{% endcapture %}{% assign swatchShapeClasses = '' %}{% if swatchShape == 'box' %} {% assign swatchShapeClasses = swatchShapeClasses | append: 'boost-sd__radio-label--non-radius' %}{% endif %}{% if swatchShape == 'circle' %} {% assign swatchShapeClasses = swatchShapeClasses | append: 'boost-sd__radio-label--circle' %}{% endif %}{% assign hideTextClasses = '' %}{% if swatchBy != '' and swatchBy != 'text' %} {% assign hideTextClasses = hideTextClasses | append: 'boost-sd__radio-label--hide-text' %}{% endif %}{% assign swatchIdPrefix = product.id %}{% if product.variant_id and product.split_product %} {% assign swatchIdPrefix = product.id | append: '-variant-' | append: product.variant_id %}{% endif %}{% for swatch in product.options_with_values %} {% assign maxItem = 4 %} {% assign optionsLength = swatch.values | size %} {% if swatch.name %} {% if swatch.name == swatchType %}

{% for value in swatch.values limit: maxItem %}

{% endfor %} {% if optionsLength > maxItem %} {% assign count = optionsLength | minus: maxItem %} {% endif %}

{% endif %} {% endif %}{% endfor %}

{% endfor %}{% assign numberOfProductPerRow = widgetDesignSettings.numberOfProductPerRow | plus: 0 %}{% assign total = products.size %}{% assign sliderPages = total | divided_by: numberOfProductPerRow | ceil %}{% if sliderPages <= 1 %} {% assign disable = "disabled" %} {% assign navHiddenClass = "is-hidden" %}{% else %} {% assign disable = "" %} {% assign navHiddenClass = "" %}{% endif %}

{% else %} {% assign bundleStyle = widgetDesignSettings.bundleStyle %}

{% for product in products %}

{% if product.checked %} {% endif %}

{% if product.images_info[0] %} {{ product.title | escape }}

{% else %} {{ product.title | escape }}

{% endif %}

{% if product.checked %} {% endif %} {% if bundleStyle == 'style2' %}

{% if forloop.index0 == 0 %} This item: {{ product.title | escape }} {% elsif product.checked %} {{ product.title | escape }} {% else %} {{ product.title | escape }} {% endif %}

{%- if product.selectedOption.title != 'Default Title' -%} {% endif %}

{% endif %}

{% unless forloop.last %}

{% endunless %} {% endfor %}

{% if bundleStyle == 'style1' %} {% for product in products %}

{% if forloop.index0 == 0 %} This item: {{ product.title | escape }} {% elsif product.checked %} {{ product.title | escape }} {% else %} {{ product.title | escape }} {% endif %}

{%- if product.selectedOption.title != 'Default Title' -%} {% endif %} {{ product.selectedOption.price }}

{% endfor %} {% endif %}

{% if hasSelectedProduct == true %}

Total price: {{ totalPrice }}

{% endif %}

1200+ Import Games...

Get more out of your Switch 2

Streaming Essentials

Mounts & Stands

1200+ Import Games...

Get more out of your Switch 2

Streaming Essentials

Mounts & Stands

Subscribe to Our Newsletter!

Product Comparison