All product variants showing 1 page

[dechie2]

Hi, currently i am in my staging proces of my shopfiy website and today added one of my products (which has 1 print with 13 different shirt colors) and all the images show on one 1 page, what i desire is that the product is one page and that you can select different colors and that it only displays that color instead of all colors. Because i know from experience that that can make a page load slower (i know lazy load is on) 

I currently use Printify as my PoD and i use the Dawn theme

[StephensWorld]

Hey Dechie,

This would definitely involve custom coding to achieve. This edit was discussed in this thread, if you're familiar with editing code: https://community.shopify.com/c/shopify-design/only-show-images-based-on-what-variant-is-chosen/m-p/... 

Otherwise, you'd want to hire an Expert/Partner from this page to handle it for you: https://www.shopify.com/partners/directory/services/store-setup/customize-theme

I would personally not recommend making this change though. It's best practice to show all of the variant images on product pages. It's definitely not going to affect your loading speeds to a point where it's worth being concerned about, as long as your images are reasonably sized (which they would be, if they're being generated from the Printify app). 

I hope the above points you in the right direction! 🙂

Cheers,

Stephen

[dechie2]

Hi stephens, thankyou for the fast reply!

I am familiour with coding HTML CSS JSON Javascript, mostly front-end, why is it not recommended?

I just find it being messy and unorganised, mostly on desktop, where you can not even read the description unles you scroll for a year when you finished skipping all other colours.

[StephensWorld]

On desktop devices, the newest version of the Dawn theme should have 'sticky scrolling' so that you can read the description, without needing to scroll to the bottom.

On mobile devices, the images should show in a slider (rather than being stacked on top of each other), so again, it wouldn't require any more scrolling than just having a single image show. 

With regards to it being best practice to show all of the images, most customers will browse the product by the images, to see what it actually looks like ... rather than selecting them from a dropdown, and having to make a bunch of clicks to see each colour (it's easier to scroll than to click). 

If you look at Amazon (which should be the north-star for all online stores), they also show multiple images for most products, rather than just a single image.

Anyways, if you don't agree, then that's totally fine (it's your store) -- I'd recommend taking a look at the thread that I linked in my original post, as a solution has been marked (involving coding) in that thread! 🙂