How can I make product images sticky on the Dawn theme?

[smandabach]

Hello.  I want to make the product image sticky on the left side of my product so when customers scroll they don't have to scroll past all the pictures before the right side of the page moves.  My website is:

https://timber-hill-apparel.myshopify.com/

or https://timberhillapparel.com

I saw some answers provided to go to https://codepen.io/clairecodes/pen/bvWKdr but I don't know where specifically to place this code to make it work. @KetanKumar can you help?

[AvadaCommerce]

Hi @smandabach 

You could try to do this method:

• Navigate to Theme > Customize.
• In the dropdown at the top center, select Product > Default product.
• In the sidebar, select Product information.
• In the Desktop layout, select Thumbnail Carousel on the dropdown menu

If you find this answer helpful, please mark it as a Solution.

Best regards.

[smandabach]

I do not see an option for Desktop layout

[AvadaCommerce]

Hi @smandabach 

May I ask which Dawn theme version did you use? Because this feature is only available for Online Store Dawn 2.0 or 3.0. If you don't want to update to this version, you could try to edit the code mentioned by another above.

All the best.

[starpaint]

I also don't have the option for Product Information,  I disabled the top menu sticky, I like the layout of this website, the image is smaller and the column widths nice.  Would like the image a little bigger 10% or more 

[kai-nguyen]

Hi,

Pls, add this code CSS:

.product__media-wrapper .slider-mobile-gutter {
    position: sticky;
    top: 0;
}

I hope this can help you.

Thank,

[Chucklesfaq]

Doesn't work.