Help please with product page images

Hi there!

I am just following up to see if anyone knew how to do this…

I would like to create the two columns with any additional images doing into a carousel (like image)

PW: ellaella

Continuing the discussion from Product page reformatting:

Check the existing carousel settings and change slide_to_display settings for 2 to 2.5 or a/to your need and it will be done.

For more specific instructions please check which carousel you are using and then follow its docs.

Regards
Guleria

Hello @ellacoker

Curently, Dawn theme doesn’t support this so changing the product images into carousel is a big story.

You should hire a Shopify expert.

Hi @ellacoker

I’ll attach a CSS snippet below — you might like it.

@media screen and (min-width: 750px) {
  .product__media-list {
    flex-wrap: unset;
    overflow-x: scroll;
    scrollbar-width: thin;
  }
  .product--columns
    .product__media-item:not(.product__media-item--single):not(:only-child) {
    max-width: calc(40% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

*Result:

@ellacoker Thanks for reaching out to Shopify community with your concern. Changing the carousel like in the screenshot requires custom coding. Your best bet would be to hire a Shopify Partner/Expert if you’d like to discuss this more, don’t hesitate to send me a PM.