For the latest Shopify themes a method price app block will be available soon

Add this to your price snippet file in your theme or your product card to display the different prices for each Superycle method.

Depending on your theme, you will need to edit the line

{% assign sc_product = product %}

For example, it could be

{% assign sc_product = product_card %}

You can also use the supercycle_methods to show normal pricing

{% supercycle_methods == false %}
<!-- assign your product resource (Change this if needed) -->
{% assign sc_product = product %}
<!--get the supercycle methods data -->
{% assign calendar_config =
sc_product.metafields.supercycle.calendar_configuration.value %} {% assign
membership_config =
sc_product.metafields.supercycle.membership_configuration.value %} {% assign
resale_config = sc_product.metafields.supercycle.resale_configuration.value %}
<!-- Check if product has any supercycle methods -->
{% assign supercycle_methods = false %} 
{% if calendar_config.rental_periods or membership_config or resale_config %} 
  {% assign supercycle_methods = true %} 
{% endif %} 
{% if supercycle_methods %}
<div class="sc-prices">
  {% if resale_config %}
  <div class="sc-method-price">
    <span class="type">Buy:</span>
    {% if sc_product.compare_at_price > sc_product.price %}
    <span class="price">
      <span class="new-price"
        >{{ sc_product.price | money_without_trailing_zeros }}</span
      >
      <span class="old-price" style="text-decoration: line-through">
        RRP: {{ sc_product.compare_at_price | money_without_trailing_zeros }}
      </span>
    </span>
    {% else %}
    <span class="price" style="text-decoration: line-through">
      {{ sc_product.price | money_without_trailing_zeros }}
    </span>
    {% endif %}
  </div>
  {% endif %}
  <div class="sc-method-price">
    {% if calendar_config.rental_periods %} {% assign lowest_price = null %} {%
    for period in calendar_config.rental_periods %} {% if lowest_price == null
    or period.price_cents < lowest_price %} {% assign lowest_price =
    period.price_cents %} {% endif %} {% endfor %} {% if lowest_price and
    lowest_price > 0 %}
    <div class="sc-method-price">
      <span class="type">Rent:</span>
      <span class="price"
        >{{ lowest_price | money_without_trailing_zeros }}</span
      >
    </div>
    {% endif %} {% endif %} {% if membership_config %} {% assign first_credit =
    membership_config.credit_costs | first | last %}
    <div class="sc-method-price">
      <span class="type">Rent with membership:</span>
      <span class="price">
        {{ first_credit }} credit{% if first_credit > 1 %}s{% endif %}
      </span>
    </div>
    {% endif %}
  </div>
</div>
{% endif %}