Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello,
Im using supply theme. Currently the catalog page is displaying the lowest price of the products. I want to display the price of the first variant.
Can anyone please help me with this.
Thanks in Advance.
you will need to add below code to show first variant's price.
{{ product.selected_or_first_available_variant.price | money }}
@MinuSak are you familiar with liquid programming in shopify?
little
can you please help
You can also follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to snippets > card-product.liquid and look for
Code: {% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}
- Step 3: Replace this code with
Code: {{ card_product.variants.first.price | money }}
** In case you want to include the currency code in your code replacement, you can modify it like this:
Code: {{ card_product.variants.first.price | money_with_currency }}
Thank you and good luck.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025