Could any one help me out Fixing my product page image carousel

Store Design
, ,
1

Hello,

Could anyone help me out changing my dawn theme product image carousel from 1 image to 2 image in functionality and look :

silvee_1-1734113296803.png
silvee_1-1734113296803.png612×742 109 KB

silvee_0-1734113274798.png
silvee_0-1734113274798.png662×576 98.5 KB

2

hi can you tell the store url

3

please add this css to theme.liquid inside tags

media-gallery#MediaGallery-template--24012908101918__main {
    flex-direction: row;
    display: grid;
    grid-template-columns: 20% 80%;
}.thumbnail-slider .thumbnail-list.slider--tablet-up {
    display: flex;
    padding: .5rem;
    flex: 1;
    scroll-padding-left: .5rem;
    flex-direction: column;
}

@media(min-width:900px){
    

    .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: 80% !important;
}
slider-component#GalleryViewer-template--24012908101918__main {
    order: 2;
}
}

result will look like

2024-12-14 00_07_06-Window.png
2024-12-14 00_07_06-Window.png1397×507 108 KB

4

NOT Working its makes all the thumbnails 1 columns and big and need to scroll it down each image also it becomes streched and blur