Don't Display the Price of Lowest-Priced Variant

Travis_Mash
Tourist
4 0 2

Another question: I'm using the Debut theme. On the collections page, it shows a product's price as being the price of the cheapest variant. Is it possible to change this to say "starting at [lowest variant's price]" ? Or if not, to remove the price from the collections page altogether for this product. However, I would want the price to be removed only for this product and not for every product in the collection.

Thanks!

tim
Shopify Expert
2927 143 1030

Hi T,

to do this you may would want your product-price.liquid snippet, find the following code

  {% if price_varies %}
    <span class="product-price__price">{{ money_price }}</span>
  {% else %}

And change it like this

  {% if price_varies %}
    <span class="product-price__price">Starts at {{ money_price }}</span>
  {% else %}

 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
Jason
Shopify Expert
10402 163 2045

Just a note on the above - use the explicit reference to price_varies:

{% if product.price_varies %}
  ...
{% endif %}

 

I jump on these forums to help and share some insights. Not looking to be hired, and not looking for work.

Don't hand out staff invites or give admin password to forum members unless absolutely needed. In most cases the help you need can be handled without that.


★ http://freakdesign.com.au ★
tim
Shopify Expert
2927 143 1030

Hi J, 

Generally you're right, but in this particular case  in that same snippet 20 lines above they have

 {%- assign price_varies = product.price_varies -%}

and use price_varies several times throughout the snippet. A bit of optimization, I guess, like in olden days when computers were big and programms small :)

Unrelated -- shouldn't we have a kind of "sticky rules" in this forum like "please, supply you shop address and storefront (not admin) password to help people help you"?

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
0 Likes
Travis_Mash
Tourist
4 0 2

Thanks so much! And sorry for not leaving my store front URL - now I know for the future.

Thanks!

0 Likes
Austin_Lake1
New Member
2 0 0

Hello! Is it possible to show the price range? 

$6.00 - $20.00

etc.

I have the same theme - SimplyCandlesAndGifts.com 

0 Likes
PaulNewton
Shopify Partner
2775 155 513

Hello! Is it possible to show the price range? 

$6.00 - $20.00

{% if product.price_varies %}
 {{ product.price_min | money }} - {{ product.price_max | money }}
{% endif %}

 

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
Desmoheart
New Member
2 0 0

This is great, thank you so much for your advice! 

But there is an issue I couldn't solve.

I put the code in the end of the page and it worked, but the lowest price didn't dissappear.

Not it looks like   $6.00    $6.00 - $20.00

Please help me to solve this.

Thank you!

0 Likes
RedFox_Roger
New Member
1 0 1

My Debut theme product-price.liquid does not contain

"{% if price_varies %}

    <span class="product-price__price">{{ money_price }}</span>
  {% else %}"

I have variants which change the price and I want to show "Priced from" in front of the price or remove the price on the "catalog" or "products" page altogether.

My URL is https://dynamic-suspensions-global.myshopify.com/

 

Here is the entire file

<!-- snippet/product-price.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 %}

{%- assign money_price = price | money -%}

<dl class="price{% if compare_at_price > price %} price--on-sale{% endif %}" data-price>

  {% if section.settings.show_vendor %}
    <div class="price__vendor">
      <dt>
        <span class="visually-hidden">{{ 'products.product.vendor' | t }}</span>
      </dt>
      <dd>
        {{ product.vendor }}
      </dd>
    </div>
  {% endif %}

  <div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">{{ 'products.product.regular_price' | t }}</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular" data-regular-price>
        {% if available %}
          {% if compare_at_price > price %}
            {{ compare_at_price | money }}
          {% else %}
            {{ money_price }}
          {% endif %}
        {% else %}
          {{ 'products.product.sold_out' | t }}
        {% endif %}
      </span>
    </dd>
  </div>
  <div class="price__sale">
    <dt>
      <span class="visually-hidden visually-hidden--inline">{{ 'products.product.sale_price' | t }}</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale" data-sale-price>
        {{ money_price }}
      </span>
      <span class="price-item__label" aria-hidden="true">{{ 'products.product.on_sale' | t }}</span>
    </dd>
  </div>
</dl>

 

khaledalihasan
New Member
3 0 0

Hello,

 

I have a product that has different variants, for some reason its showing the lowest price. I'm using Minimal theme.

 

Please assist on how to edit that to show the higher price.

 

THanks,

0 Likes