Possible to change product displayed without fully refreshing product page?

Store Design

Topic summary

A store owner wants to enable switching between related products (e.g., t-shirt to hoodie with the same print) on a product page without triggering a full page reload, similar to the OLIPOP website implementation.

Current Status:

  • The functionality is confirmed possible through customization of the product.liquid file
  • One user has a developer working on it, but the current solution still reloads the entire page instead of just swapping product variables (images, price, description)

Technical Approach:

  • Multiple users are attempting AJAX/jQuery solutions to update product details dynamically
  • Implementation challenges include updating third-party app content (like Junip reviews) without page refresh
  • Users are requesting code examples and resources, with reference links to sites like woxer.com that demonstrate the desired functionality

Theme Context:

  • At least one user is working with the Dawn theme
  • The discussion remains open with users seeking specific code solutions and troubleshooting guidance
Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hey - I’d have a clothing store that has many skus with the same print. I’d like to have, for example, a t-shirt product page and have the option to link to the other product types like a hoodie, hat etc, that has the same print, WITHOUT fully reloading the whole page each time.

I don’t know if this is even possible but it feels like much better user experience. Kind of how OLIPOP does on their product page here: https://drinkolipop.com/products/banana-cream

Thanks

1 Like
2

Kindly send your store link

3

Hello @Harry_Molyneux

Yes it’s possible to add other product in the product pages. We need to customize product.liquid file to add this functionality in your theme.

4

@Lanresdev02

5

Hi @shozoid

Thanks for your response - I have a developer working on a solution but right now it just reloads the entire page whenever a new product is selected. We’d like it to just swap out the product variable like images, price, description etc. without reloading the whole page. Do you know if of any resources that explain how to do this like in the example I shared in the original post?

6

Hello , Can you please provide updated product.liquid file ?

Thanks

7

Hi,
Can I know you are using the jquery for reload.
Also are define the products reloading in theme.liquid file.
Sure then I will help you easily. But I need the code

8

Iam using dawn theme

i show the other some product in detail page

i just want that i click on product and it show details without page refresh

Thanks

9

Hello, How can I help you.

10

Can you please provide me the code for product detail.

When click on product it will show detail without refresh the page.

Thanks

11

Please check below url, I need same functionality
https://woxer.com/products/baller-brushed-gold

12

hi
could you please help me out ?
i’m facing same problem using jquery
updating product using ajax request but don’t know how to change junip reviews

1 Like
13

Yes, Msg me personally

14

I encountered the same problem, how did you solve it?