How can I display the first product option price on the Motion theme?

How can I display the first product option price on the Motion theme?

Andrey98
Visitor
2 0 2

I'm currently using the "motion" theme, and I have several products in three different variations, each with a different price. The products/collections page displays the lowest price. Is there any way to make it so that the displayed price on the collections page is the same as the price of the first product option?

Replies 3 (3)

ZestardTech
Shopify Partner
6071 1087 1458

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Look for the template file that is responsible for rendering the collection page. This file is usually named something like collection.liquid or collection-template.liquid. The specific name may vary depending on the theme.

 

3.Change the Code:Inside the collection template, you'll need to locate the section of code that displays the product prices. The code should be within a {% for product in collection.products %} loop.


To display the price of the first product option, you can modify the code to retrieve the price from the first variant of the product. Here's an example of how to do this:

 

{% for product in collection.products %}
<!-- Your existing code to display product information -->
<!-- Add the following code to display the price of the first variant -->
{% assign first_variant = product.variants | first %}
<p class="product-price">{{ first_variant.price | money }}</p>
{% endfor %}

 

In the code above, we first assign the first variant of the product to the first_variant variable and then display its price.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Idnoble
Tourist
4 1 1

It sounds like you're looking for a way to display a consistent price across all of the product options on the collections page. If that's the case, you may need to customize the theme code to get the desired result. I'd recommend reaching out to Shopify support or consulting a Shopify expert to get more specific help. Are you trying to make your store more user-friendly for your customers?

MrFoxmox
New Member
4 0 0

Have the same problem, any solutions please?