Change the Default Price Option on the Homepage?

Solved

Change the Default Price Option on the Homepage?

Margarita29
Tourist
8 0 4

Hi,

 

I have asked this before, but I think I wasn't clear on what I wanted to do. I have attached some pics which should help. Basically on a product level my sizes & pricing are correct, the standard size is the default option. Nothing to change here. BUT, on the Homepage the default option is the mini size & price. How can I change this so that the default here is also to the Standard size & price (i.e. priced £25.50)? Thanks! Marg

Accepted Solution (1)

TheUntechnickle
Shopify Partner
540 65 158

This is an accepted solution.

Hey @Margarita29,

 

I can see exactly what's happening here - your product pages are set up perfectly with Standard as the default, but your homepage is pulling the Mini size/price instead. This is a really common issue!

 

The problem is that most themes automatically display the lowest price variant on collection/homepage views, regardless of which variant you've set as the default on the product level.

 

To fix this, you'll need to edit your theme's liquid files to pull the default variant instead of the cheapest one. Here's how:

 

Step 1: Access Your Theme Code

  • Go to Online Store → Themes in your Shopify admin
  • Click the "..." menu on your live theme and select "Edit code"

 

Step 2: Find the Right File Look for one of these files in the "Sections" or "Snippets" folder:

  • product-card.liquid
  • product-grid-item.liquid
  • card-product.liquid
  • product-item.liquid
  • price.liquid

The exact name depends on your theme, but it'll be something related to how products display on collection pages.

 

Step 3: Make the Change Look for code that references price or variants. You'll likely see something like:

 

 
{{ product.price | money }}

 

 
OR
 
{{ product.variants.first.price | money }}

 

Replace it with:

 

 
{{ product.selected_or_first_available_variant.price | money }}

 

You might also need to look for references to product.price_min or product.first_available_variant and replace those with product.selected_or_first_available_variant.price.

 

Step 4: Test and Save Save the file and check your homepage - it should now show the Standard size pricing (£25.50) instead of the Mini price.

 

Please backup your live theme before making these changes. If you can't find the exact file or code, let me know what theme you're using and I can give you more specific guidance. The file names vary quite a bit between different themes.

 

Let me know how you get on! Also, if you want we can do this for you - simply DM or email your collaborator code 🙂

 

Cheers!
Shubham | Untechnickle

Helping for free: hello@untechnickle.com


Don't forget to say thanks, it'll make my day - just send me an email! 


Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App

View solution in original post

Replies 2 (2)

TheUntechnickle
Shopify Partner
540 65 158

This is an accepted solution.

Hey @Margarita29,

 

I can see exactly what's happening here - your product pages are set up perfectly with Standard as the default, but your homepage is pulling the Mini size/price instead. This is a really common issue!

 

The problem is that most themes automatically display the lowest price variant on collection/homepage views, regardless of which variant you've set as the default on the product level.

 

To fix this, you'll need to edit your theme's liquid files to pull the default variant instead of the cheapest one. Here's how:

 

Step 1: Access Your Theme Code

  • Go to Online Store → Themes in your Shopify admin
  • Click the "..." menu on your live theme and select "Edit code"

 

Step 2: Find the Right File Look for one of these files in the "Sections" or "Snippets" folder:

  • product-card.liquid
  • product-grid-item.liquid
  • card-product.liquid
  • product-item.liquid
  • price.liquid

The exact name depends on your theme, but it'll be something related to how products display on collection pages.

 

Step 3: Make the Change Look for code that references price or variants. You'll likely see something like:

 

 
{{ product.price | money }}

 

 
OR
 
{{ product.variants.first.price | money }}

 

Replace it with:

 

 
{{ product.selected_or_first_available_variant.price | money }}

 

You might also need to look for references to product.price_min or product.first_available_variant and replace those with product.selected_or_first_available_variant.price.

 

Step 4: Test and Save Save the file and check your homepage - it should now show the Standard size pricing (£25.50) instead of the Mini price.

 

Please backup your live theme before making these changes. If you can't find the exact file or code, let me know what theme you're using and I can give you more specific guidance. The file names vary quite a bit between different themes.

 

Let me know how you get on! Also, if you want we can do this for you - simply DM or email your collaborator code 🙂

 

Cheers!
Shubham | Untechnickle

Helping for free: hello@untechnickle.com


Don't forget to say thanks, it'll make my day - just send me an email! 


Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App

Margarita29
Tourist
8 0 4

This is amazing! Thanks SO much 🙂 

All the best,

Margarita