DISCOUNTED PRICE DOESN'T SHOW NEXT TO ORIGINAL PRICE (CROSSED OUT) - debut theme

Hi there!

I am trying to solve this problem since quite some time now, but have not found any discussion about this issue, nor could find a solution by myself… (btw I am using DEBUT THEME)

I have added a section on my homepage, displaying the collection with 3 products. 2 of my products “Le Patapouf” and “Le Cactus”, have variants (size / color). They both have different prices according to the size.

My issue is that my the section only displays the lowest original price (before discount). However, I would like to show the discounted price next to the original price. Pls find below an illustration of my issue, and the code I have under product-price.liquid

Your help would be greatly appreciated! Many thanks in advance!!!

{% comment %}
Renders a list of product’s price (regular, sale, unit)
Accompanies product forms and meant to be updated dynamically
Accepts:

  • variant: {Object} Variant Liquid object (optional)
  • product: {Object} Product Liquid object (optional)
  • show_vendor: {Boolean} Show the product’s vendor depending on the section setting (optional)

Usage:
{% include ‘product-price’, variant: current_variant, product: product %}
{% endcomment %}
{%- liquid
if variant.title
assign compare_at_price = variant.compare_at_price
assign price = variant.price
assign available = variant.available
else
assign compare_at_price = 1999
assign price = 1999
assign available = true

endif -%}

{% if show_vendor and product %}

{{ 'products.product.vendor' | t }}
{{ product.vendor }}
{% endif %}

{%- comment -%}
Explanation of description list:

  • div.price__regular: Displayed when there are no variants on sale
  • div.price__sale: Displayed when a variant is a sale
  • div.price__unit: Displayed when the first variant has a unit price
  • div.price__availability: Displayed when the product is sold out
    {%- endcomment -%}
{{ 'products.product.regular_price' | t }}
{{ money_price }}
{{ 'products.product.sale_price' | t }}
{{ money_price }}
{{ 'products.product.regular_price' | t }}
{{ compare_at_price | money }}
{{ 'products.product.on_sale' | t }} {{ 'products.product.sold_out' | t }}
{{ 'products.product.unit_price_label' | t }}
{%- capture unit_price_separator -%} /{{ 'general.accessibility.unit_price_separator' | t }}  {%- endcapture -%} {%- capture unit_price_base_unit -%} {%- if variant.unit_price_measurement -%} {%- if variant.unit_price_measurement.reference_value != 1 -%} {{- variant.unit_price_measurement.reference_value -}} {%- endif -%} {{ variant.unit_price_measurement.reference_unit }} {%- endif -%} {%- endcapture -%}

{{ variant.unit_price | money }}{{- unit_price_separator -}}{{- unit_price_base_unit -}}