{% 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 %}{% endcapture %}{% assign optionName = filterOptionIdImageBaseOn | replace: 'pf_opt_', '' %}{% assign filterParam = filterOptionIdImageBaseOn | append: '[]' %}{% assign filterValues = request[filterParam] %}{% if filterValues == nil or filterValues == empty %} {% assign filterValues = request[filterOptionIdImageBaseOn] %}{% endif %}{% assign selectedVariantImageByFilterOption = nil %}{% comment %}NEW LOGIC:Only find images based on selected filters if the variant matchesthe item currently being displayed for split products.{% endcomment %}{% if product.variant_id %} {% assign targetVariantId = product.variant_id %} {% for variant in product.variants %} {% if variant.id == targetVariantId %} {% if filterValues != nil and filterValues.size > 0 %} {% 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 %} {% endif %} {% if selectedVariantImageByFilterOption == nil and variant.image %} {% assign selectedVariantImageByFilterOption = variant.image %} {% endif %} {% 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 and variant.inventory_management != null %} {% assign preorder = variant.preorder %} {% else %} {% assign preorder = '' %} {% endif %} { "title": "{{ variant.title }}", "id": "{{ variant.id }}", "available": {{ variant.available }}, "inventory_management": {{ variant.inventory_management | json }}, "inventory_policy": {{ variant.inventory_policy | json }}, "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 }}, "combined_listing_role": {{ product.combined_listing_role | 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 != blank %} {% assign productLocale = request.current_locale %}{% endif %}{% assign variantUrl = '' %}{% if product.variant_id %} {% assign variantUrl = '?variant=' | append: product.variant_id %}{% endif %}

{%- capture aspectRatioSetting %}square{% endcapture -%}{% capture hoverEffect %}reveal-second-image{% endcapture %}{% assign productImages = product.images_info %}{%- 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 nonGifImageCount = 0 %}{% assign nonGifFirstImage = blank %}{% assign nonGifSecondImage = blank %}{% for img in productImages %} {% assign img_url_clean = img.src | split: '?' | first | downcase %} {% unless img_url_clean contains '.gif' %} {% if nonGifImageCount == 0 %} {% assign nonGifFirstImage = img.src %} {% elsif nonGifImageCount == 1 %} {% assign nonGifSecondImage = img.src %} {% endif %} {% assign nonGifImageCount = nonGifImageCount | plus: 1 %} {% endunless %}{% endfor %}{% if checkShowGif == false or checkShowGif == 'false' or checkShowGif == nil %} {% assign filteredImageCount = nonGifImageCount %} {% assign filteredFirstImage = nonGifFirstImage %}{% else %} {% assign filteredImageCount = productImages.size %} {% assign filteredFirstImage = productImages[0].src %}{% endif %}

{%- comment -%} Select video / GIF first so hover classes and natural aspect ratio can use the final media state. {%- 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 | downcase %} {% if media_url_clean contains '.gif' %} {% assign firstGif = media_item %} {% assign hasGifData = true %} {% endif %} {% endif %} {% endfor %} {% else %} {% for gif_file in productImages %} {% assign img_url_clean = gif_file.src | split: '?' | first | downcase %} {% if img_url_clean contains '.gif' %} {% assign firstGif = gif_file.src %} {% assign hasGifData = true %} {% break %} {% endif %} {% endfor %} {% endif %} {%- comment -%} Prioritize video > GIF > normal image when the setting is enabled. {%- endcomment -%} {% assign showMedia = false %} {% assign mediaToDisplay = nil %} {% assign mediaType = 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 %} {%- comment -%} Mobile LCP tuning: - The mobile grid has two columns and each product image is around 190px wide. - Either image in the first row can become the LCP element, so prioritize the first two products. - Do not render the second hover image on mobile. {%- endcomment -%} {% assign isMobileRequest = false %} {% if request.device contains 'mobile' %} {% assign isMobileRequest = true %} {% endif %} {% assign eagerLimit = 2 %} {% assign isLcpCandidate = false %} {% if index != nil and index < eagerLimit %} {% assign isLcpCandidate = true %} {% endif %} {% if isMobileRequest %} {% assign widths = "320,400,500,600,700" | split: "," %} {% assign mainImageSrcWidth = 500 %} {% else %} {% assign widths = "320,400,500,600,700,800,900,1000,1200,1400" | split: "," %} {% assign mainImageSrcWidth = 800 %} {% endif %} {% assign imageSizes = '(max-width: 767px) calc((100vw - 32px) / 2), (max-width: 1024px) 33vw, 25vw' %} {%- comment -%} Image slot tuning: - The client measures the rendered product grid and sends the slot width as `productImageWidth`; it knows the container max-width, the section padding, the grid gap and the filter sidebar, none of which a viewport fraction can express. - When it is present, pin `src` to the slot, cap the srcset ladder at 2x the slot for retina, and state `sizes` in px instead of a viewport fraction. - When it is absent - recommendation widgets, previews, older clients - keep the fixed values above so the rendered markup is unchanged. {%- endcomment -%} {% if request.productImageWidth != blank %} {% assign imageSlotWidth = request.productImageWidth | plus: 0 %} {% else %} {% assign imageSlotWidth = 0 %} {% endif %} {% if imageSlotWidth > 0 %} {% assign maxImageWidth = imageSlotWidth | times: 2 %} {%- comment -%} Lead with the slot itself so a 1x screen gets an exact match instead of the next rung up, then keep the remaining rungs between the slot and 2x it for denser screens. {%- endcomment -%} {% assign slotWidths = imageSlotWidth | append: "" %} {% for width in widths %} {% assign widthNo = width | plus: 0 %} {% if widthNo <= imageSlotWidth %} {% continue %} {% endif %} {% if widthNo < maxImageWidth %} {% assign slotWidths = slotWidths | append: "," | append: width %} {% else %} {% assign slotWidths = slotWidths | append: "," | append: maxImageWidth %} {% break %} {% endif %} {% endfor %} {% assign widths = slotWidths | split: "," %} {% assign mainImageSrcWidth = imageSlotWidth %} {% assign imageSizes = imageSlotWidth | append: 'px' %} {% endif %} {%- comment -%} Consolidated 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 %} {% unless isMobileRequest %} {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %} {% if finalShowMedia and nonGifImageCount > 0 %} {% assign hasSecondImage = true %} {% elsif nonGifImageCount > 1 %} {% assign hasSecondImage = true %} {% endif %} {% if hasSecondImage %} {% assign effectClasses = effectClasses | append: ' boost-sd__product-image-wrapper--has-second-image' %} {% endif %} {% endif %} {% endunless %} {% assign aspectRatio = '' %} {% assign imageWidth = nil %} {% assign imageHeight = nil %} {% if aspectRatioSetting == 'natural' %} {% if finalShowMedia and mediaType == 'video' and mediaToDisplay.preview.image %} {% assign imageWidth = mediaToDisplay.preview.image.width %} {% assign imageHeight = mediaToDisplay.preview.image.height %} {% elsif finalShowMedia and mediaType == 'gif' and mediaToDisplay.image %} {% assign imageWidth = mediaToDisplay.image.width %} {% assign imageHeight = mediaToDisplay.image.height %} {% elsif firstImageObj %} {% assign imageWidth = firstImageObj.width %} {% assign imageHeight = firstImageObj.height %} {% endif %} {% if imageWidth != blank and imageHeight != blank %} {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight %} {% endif %} {% endif %}

{% if finalShowMedia %} {%- comment -%} CASE 1: VIDEO / GIF {%- endcomment -%} {% if mediaType == 'video' %} {% assign videoWidth = mediaToDisplay.preview.image.width | default: firstImageObj.width | default: 600 %} {% assign videoHeight = mediaToDisplay.preview.image.height | default: firstImageObj.height | default: 600 %}

{% elsif mediaType == 'gif' and mediaToDisplay.image == nil %} {% assign gifWidth = firstImageObj.width | default: 600 %} {% assign gifHeight = firstImageObj.height | default: 600 %} {{ product.title | escape }}

{% else %} {% assign gifWidth = mediaToDisplay.image.width | default: firstImageObj.width | default: 600 %} {% assign gifHeight = mediaToDisplay.image.height | default: firstImageObj.height | default: 600 %} {{ product.title | escape }}

{% endif %} {% elsif hasImages %} {%- comment -%} CASE 2: NORMAL IMAGE {%- endcomment -%} {% assign firstImageSrc = "" %} {% if selectedVariantImageByFilterOption != nil %} {% assign firstImageSrc = selectedVariantImageByFilterOption %} {% elsif filteredImageCount > 0 %} {% assign firstImageSrc = filteredFirstImage %} {% else %} {% assign firstImageSrc = noImageUrl %} {% endif %} {% assign firstImageWidthParam = "?width=" %} {% if firstImageSrc contains '?' %} {% assign firstImageWidthParam = "&width=" %} {% endif %} {% capture srcset %} {% for width in widths %} {{ firstImageSrc }}{{ firstImageWidthParam }}{{ width }} {{ width }}w{% unless forloop.last %},{% endunless %} {% endfor %} {% endcapture %} {% assign mainImageWidth = firstImageObj.width | default: 600 %} {% assign mainImageHeight = firstImageObj.height | default: 600 %} {{ product.title | escape }}

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

{% endif %} {% unless isMobileRequest %} {% comment %} Render hover image only on non-mobile requests. {% endcomment %} {% assign shouldRenderSecondImage = false %} {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %} {% if finalShowMedia and nonGifImageCount > 0 %} {% assign shouldRenderSecondImage = true %} {% elsif nonGifImageCount > 1 %} {% assign shouldRenderSecondImage = true %} {% endif %} {% endif %} {% if shouldRenderSecondImage %} {% assign secondImage = nil %} {% if finalShowMedia %} {% if nonGifImageCount > 0 %} {% assign secondImage = nonGifFirstImage %} {% endif %} {% else %} {% if nonGifImageCount > 1 %} {% assign secondImage = nonGifSecondImage %} {% endif %} {% endif %} {% if secondImage != blank %} {% assign secondImageWidthParam = "?width=" %} {% if secondImage contains '?' %} {% assign secondImageWidthParam = "&width=" %} {% endif %} {% capture secondImageSrcset %} {% for width in widths %} {{ secondImage }}{{ secondImageWidthParam }}{{ width }} {{ width }}w{% unless forloop.last %},{% endunless %} {% endfor %} {% endcapture %} {% endif %} {% endif %} {% endunless %}

{% 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 -%} {% if product.available == false -%}

{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}

{% endif -%} {% else -%} {% if product.available == false -%}

{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}

{% 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 %}

{% endif -%} {% endif -%}{% endif -%}

{% capture metaData %} { "action": { "quickView": { "productId": "{{ product.id }}" } } } {% endcapture %}

{% assign currentVariant = product.variants[0] %} {% for v in product.variants %} {% if v.id == product.variant_id %} {% assign currentVariant = v %} {% break %} {% endif %} {% endfor %} {%- comment -%} Only quickView/quickAddToCart actions open a dialog; addToCart and productPage don't {%- endcomment -%} {% assign selectOptionOpensDialog = false %} {% unless product.variants.size == 1 or product.split_product %} {% assign selectOptionOpensDialog = true %} {% endunless %} {% capture metaData %} { "action": { {% if product.variants.size == 1 or product.split_product %} "addToCart": { "productId": "{{ currentVariant.id }}", {% assign sellingPlanId = '' %} {% if currentVariant.preorder and currentVariant.preorder.sellingPlan %} {% assign sellingPlanId = currentVariant.preorder.sellingPlan.id %} {% endif %} "selling_plan": {{ sellingPlanId | json | escape }} } {% else %} "quickView": { "productId": "{{ product.id }}", "fromSelectOptionBtn": true } {% endif %} } } {% endcapture %} {% assign variantPreorder = currentVariant.preorder %} {% assign buttonPreorder = '' %} {% if variantPreorder %} {% assign buttonPreorder = buttonPreorder | append : ' boost-sd__button--preorder' %} {% endif %} {% assign buttonTextPreorder = '' %} {% if variantPreorder %} {% assign buttonTextPreorder = buttonTextPreorder | append : ' boost-sd__button-text--preorder' %} {% endif %} {% assign preOrderLabel = 'Pre-Order' %} {% if variantPreorder.settings.buttonText != blank %} {% assign preOrderLabel = variantPreorder.settings.buttonText %} {% endif %} {% assign selectOptionBtnLabel = '' %} {% if product.available == false %} {% assign selectOptionBtnLabel = "productItem.soldoutLabel" | translate: translations, 'Sold out' %} {% elsif product.variants.size == 1 or product.split_product %} {% assign selectOptionBtnLabel = "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' %} {% if variantPreorder and currentVariant.inventory_management != null %} {% assign selectOptionBtnLabel = preOrderLabel %} {% endif %} {% else %} {% assign selectOptionBtnLabel = "productItem.atcSelectOptionsLabel" | translate: translations, 'Choose options' %} {% endif %}

{% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% assign showCentAsSuperscript = false -%}{% 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 isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin > minPrice -%} {% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%} {% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%} {% if compareAtPriceMin > 0 %} {% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%} {% else %} {% assign salePercent = '0%' %} {% endif %} {% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}{% 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 %} {% else %} Regular price {{ priceValueWithFormat }} {% endif %} {% if savingPriceWithFormat != '' -%} {% endif -%}

{% assign swatches = '' %}

{% endfor %} {% assign numberOfProductPerRow = widgetDesignSettings.numberOfProductPerRow %} {% assign numberOfRecommendProduct = widgetDesignSettings.numberOfRecommendProduct %} {% if numberOfRecommendProduct < numberOfProductPerRow %} {% assign sliderPages = 1 %} {% assign disable = "disabled" %} {% else %} {% assign sliderPages = numberOfRecommendProduct | divided_by: numberOfProductPerRow | ceil %} {% assign disable = "" %} {% 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 %}

PURPOSE	For pedicure
BRAND	STALEKS PRO
SERIES	Expert
MATERIAL	Aluminium oxide
DIAMETER	10 mm
ABRASIVE	80 grit
QUANTITY	50 pcs

White refill pads for pedicure disc Pododisc Staleks Pro XS, 80 grit (50 pc)

Specifications

Specifications