{% if product.original_images != nil %}{% assign imageArray = product.original_images %}{% else %}{% assign imageArray = product.images_info %}{% endif %}{% if imageArray.size == 0 %}{% assign imageArray = "no_image" | split: ' ' %}{% endif %}{% assign show_prev_next_btns = imageArray.size > 4 %}{% capture productData %}{"id": "{{ product.id }}","handle": "{{ product.handle }}","variantId": "{{ product.variant_id }}","splitProduct": "{{ product.split_product }}","variants": {{ product.variants | json | escape }},"tags": {{ product.tags | json | escape }},"images": {{ imageArray | json | escape }},"category": "{{ product.product_type | escape }}","tags" : {{ product.tags | json | escape }},"priceMin": "{{ product.price_min }}","options_with_values": {{ product.options_with_values | json | escape }}}{% endcapture %}{% if product.variants.size == 1 and product.variants[0].title == 'Default Title' %}{% assign isDefaultOption = true %}{% else %}{% assign isDefaultOption = false %}{% endif %}

{% if show_prev_next_btns %}

{% endif %}

{% if request.previewMode == true %} {% for image in imageArray limit: 4 %}

{% endfor %} {% else %} {% for image in imageArray %}

Load image {{ forloop.index }} in slider for product {{ product.title | escape }}

{% endfor %} {% endif %}

{% if show_prev_next_btns %}

{% endif %}

{% if request.previewMode == true %} {% for image in imageArray limit: 1 %}

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

{% endfor %} {% else %} {% for image in imageArray %}

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

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

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

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

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

{% endfor %} {% endif %}

{% capture showCurrencyCodes %}false{% endcapture %} {% assign moneyFormat = request.money_format | strip_html -%} {% if showCurrencyCodes == 'true' %} {% assign moneyFormat = request.money_format_with_currency | strip_html -%} {% endif %}

{% if isDefaultOption == false %} {% for swatch in product.options_with_values %}

{% for value in swatch.values %} {% assign swatchBy = 'text' %} {% assign backgroundSwatch = "background-color: " | append: value.title | strip_html | escape %} {% assign domain = request.shop %} {% assign imageName = value.title | strip_html | downcase | strip | escape %} {% if imageName contains " " %} {% assign imageName = imageName | replace: ' ', "-" %} {% endif %} {% if swatch.original_name == 'color' %} {% assign url = "//" | append: domain | append: "/cdn/shop/files/" | append: imageName | append: ".png" %} {% assign backgroundSwatch = backgroundSwatch | append: "; background-image: url('" | append: url | append: "');" %} {% assign swatchBy = 'color-and-image' %} {% endif %} {% for variant in product.variants %} {% assign options = variant.merged_options %} {% if variant.original_merged_options != nil %} {% assign options = variant.original_merged_options %} {% endif %} {% for option in options %} {% assign currentOption = option | strip_html | downcase | strip | replace: 'color:', '' | escape %} {% if currentOption contains " " %} {% assign currentOption = currentOption | replace: ' ', "-" %} {% endif %} {% if currentOption == imageName and variant.image %} {% assign backgroundSwatch = "background-image: url('" | append: variant.image | append: "');" %} {% assign swatchBy = 'product-image' %} {% endif %} {% endfor %} {% endfor %}

{% if swatch.original_name == 'color' %}

{% endif %} {% if swatch.original_name == 'color' %} {{ value.title | strip_html | escape }} {% else %} {{ value.title | strip_html | escape }} {% endif %}

{% endfor %}

{% endfor %} {% endif %}

{{ "quickView.qvQuantity" | translate: translations, 'Quantity' }}

{{ "quickView.qvQuantityError" | translate: translations, 'Please input quantity' }}

{% if product.variants %} {% assign variants = product.variants %} {% else %} {% assign variants = variants %} {% endif %} {% for variant in variants %} {% if variant.preorder %} {% assign paymentType = variant.preorder.payment.type %} {% assign discountType = variant.preorder.payment.discountType %} {% assign discountValue = variant.preorder.payment.discountValue %} {% assign originalPrice = variant.price %} {% assign paymentLabel = '' %} {% if paymentType == 'full' %} {% assign paymentLabel = 'Full payment' %} {% endif %} {% if paymentType == 'partial' %} {% assign paymentLabel = 'Partial payment' %} {% endif %} {% if paymentType == 'none' %} {% assign paymentLabel = 'No payment' %} {% endif %} {% capture showCurrencyCodes %}false{% endcapture %} {% assign moneyFormat = request.money_format | strip_html -%} {% if showCurrencyCodes == 'true' %} {% assign moneyFormat = request.money_format_with_currency | strip_html -%} {% endif %} {% assign moneyRate = request.currency_rate | strip_html -%} {% if discountType == 'percentage' %} {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %} {% elsif discountType == 'amount' %} {% assign discountValue = discountValue | times: moneyRate %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %} {% else %} {% assign discountedPrice = originalPrice %} {% endif %} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% assign originalPriceFormat = originalPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountedPriceFormat = discountedPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountValueFormat = discountValue | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %}

{% if discountType == 'percentage' %} Save {{ discountValue }}% {% elsif discountType == 'amount' %} Save {{ discountValueFormat }} {% endif %}

{% if discountType != 'none' %} {{ originalPriceFormat }} {% endif %} {{ discountedPriceFormat }}

{% endif %} {% endfor %} {% assign buttonLabel = 'Pre-Order' %} {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %} {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %} {% if preOrderButtonText and preOrderButtonText != '' %} {% assign buttonLabel = preOrderButtonText %} {% endif %}

Please note: {{ preOrderDeliveryText }}

{{ "quickView.qvViewFullDetails" | translate: translations, 'View full details' }}

Products

Products

BSR Franchising | Spend & Get $120 Cashback - Redemption Form

Compare Notice!