A Product Page with Dynamic Price + Image Updates?

Shopify Discussion

Topic summary

A user seeks to create a Shopify product page where customers can select between a DIY chassis or three pre-built options, with the main price and product images updating dynamically based on their selection.

Key Requirements:

  • Price updates automatically when customers choose add-ons or pre-built configurations
  • Image carousel displays corresponding product images for each selection
  • All images (DIY and pre-built options) appear in the main carousel

Suggested Solutions:

Initial recommendation: Search Shopify App Store for “product variant” apps that allow custom fields for customer adjustments.

Detailed solution: The Easify Product Options app was recommended as a potential fit. Setup would involve:

  • Creating option sets with Radio Buttons for DIY vs. pre-built selection
  • Using Conditional Logic to show/hide options based on initial choice
  • Enabling “Add Option Prices to Main Product Price” in app settings to update pricing dynamically
  • Configuring image displays through the app’s settings

The user noted that most variant apps don’t fully accomplish their specific needs, and they lack a visual reference to share. The Easify support team offered to provide specific setup guidance if the user decides to try their app.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

I’m looking to make a product page for where users can buy our product—which comes as an empty DIY chassis—or choose from three pre-built options (each with their own increased price).

I’d like the main price tag to update based on the selection (or non selection).

Finally, all images of the pre-built and empty DIY chassis will be in the one/main image carousel, so we’d like it if selecting an add-on updates the image carousel to show the chosen option.

Thanks for insight! (Using Refresh theme)

2

Hi @fresh00

I hope you are well. You can go to Shopify app store and search for the keyword of “product variant”. It will be easier for you to set custom field that allows customer to adjust the DIY text they want to apply to the product.

image (16).png
image (16).png1906×855 189 KB

I hope it can help. Thank you!

Best,

Daisy - Avada Support Team.

3

Thanks, however it’s not “text” that the customer would be adding. I’ve checked out most these apps, but they all unfortunately do not accomplish everything we are looking for based on my description.

4

Unfortunately I don’t have a visual reference, I can only describe it or possibly draw it

5

Hi @fresh00 ,

It might be tricky to find an app that covers all your needs, but I’d recommend considering Easify Product Options. It could help with customizing product options, updating the main price tag based on selections, and managing images in the carousel. Here’s how you could set it up for your product page: :blush:

EasifyJolie_0-1732272258646.png
EasifyJolie_0-1732272258646.png1201×603 298 KB

EasifyJolie_1-1732272258635.png
EasifyJolie_1-1732272258635.png1169×636 188 KB

  • Install the app and create a new option set.
  • Add the 1st option for DIY or Pre-built selection using a suitable display type like Radio Button

EasifyJolie_2-1732272258457.png
EasifyJolie_2-1732272258457.png1327×563 43.4 KB

  • Add the second option for selecting the DIY part using a Checkbox, Color Swatch, or any other suitable option based on your needs. Use Conditional Logic to show this option only when the DIY option is selected in the Radio Button.

EasifyJolie_3-1732272258730.png
EasifyJolie_3-1732272258730.png1323×572 55.5 KB

EasifyJolie_4-1732272258473.png
EasifyJolie_4-1732272258473.png1326×569 49.6 KB

  • Do the same with Pre-built option
  • If you want the main price change according to add-ons price of each Pre-built chassis, please turn on the “Added Option Prices To Main Product Price on Product page” in the app’s settings

Hope this can help you and if you decide to try the app, the Easify team can provide specific guidance on setting it up!