Shopify themes, liquid, logos, and UX
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?
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.
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?
Have the same problem, any solutions please?
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025