Re: Product media gallery being a separate scroll from product content

Store Design
1

Hello,

Can anyone help me with a code that will put my vertically stacked media gallery in a scroll box exactly like this website has done: https://www.houseplant.com/products/gloopy-ashtray-by-seth-in-red-aqua ?

I want the media gallery to be a separate scroll from the product content on the right side.

Thank you!

2

Hi @mOONbOOTS

This is Mike from Consentik

Could you leave your store URL then I can take a look?

3

This exactly what mine looks like: https://themes.shopify.com/themes/dawn/styles/default/preview

4

Hi @mOONbOOTS

You can use this solution.

  1. Open Theme → Edit Code

  2. Find file base.css and paste this code to the bottom of file:

.product.product--left ul.product__media-list.contains-media {
    max-height: 74vh;
    overflow: scroll;
}

Hope my solution will help you

Mike from Consentik

5

“Harry - yer a wizard.”

Thank you!