{% comment %} This Template contains a few variables built from the client js side {% endcomment %} {% assign removePriceDecimal = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = false -%} {% assign showCentAsSuperscript = false -%} {% assign money_format = request.money_format -%} {% 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 -%} {% comment %} convert variable compareAtPriceMin to number {% endcomment %} {% 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 -%} {% comment %} calculate salePercent base on compareAtPriceMin and minPrice {% endcomment %} {% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%} {% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%} {% comment %} compareAtPriceWithFormat is compare price with PriceMin and format currency {% endcomment %} {% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign saleAmount = compareAtPriceMin | minus: minPrice -%} {% endunless -%} {% comment %} Format price min {% endcomment %} {% assign priceMinWithFormat = minPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%} {% comment %} Format price max {% endcomment %} {% assign priceMaxWithFormat = '' -%} {% if product.price_max and maxPrice > minPrice -%} {% assign priceMaxWithFormat = maxPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%} {% endif -%} {% comment %} priceMax used for multi variant price display where it can have min-max price with format and translation {% endcomment %} {% 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: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%} {% endunless -%} {% comment %} Price compare display top or bottom {% endcomment %} {% comment %} Price compare display left or right {% endcomment %}