Dawn theme product page showing 2 images in a row

Retired Boards Appdev Store Design
1

Hi everyone,

Anyone knows how to show all the product images to be 2 in a row? Thank you!

algoy_0-1648322484623.png
algoy_0-1648322484623.png529×921 138 KB

2

Hello @algoy ,

Happy to help! Yes, product images can be shown to 2 in a row. Can You please provide your store url?

3

Hi @AnkitRawat ,

Thank you for your reply! My store url is littleglamjewelry.com, I have made the first image to align the size with the other images, however, once I change the last image, the width of collapsible content bars for FAQ would be shortened in half. Thank you!

4

Do you only want 2 images in each row or slider option will also work for you?

5

Hi @AnkitRawat ,

I prefer 2 images in a row, thank you :slightly_smiling_face:

6

Please put this CSS code in bottom of base.css file, this will solve your query.

CSS CODE-

.product__media-wrapper .product__media-list .product__media-item{
width:50%;
max-width:49%;
}

Thank you and good luck!!

How was my answer?

  • Was my reply helpful? Click Like to let me know!
  • Was your question answered? Mark it as an Accepted Solution
7

Hi @AnkitRawat ,

Thank you for the solution. However, it doesn’t seem working.

8

Have you applied the code? Please put it , I am checking on frontend. There is slight change in code. Put it again and let me check.

CSS CODE-

.product__media-wrapper .product__media-list .product__media-item{
width:50%!important;
max-width:49%!important;
}

9

Hi @AnkitRawat

Thank you for your reply again. I have put the code at the bottom on base.css, however, it’s still have same. Thank you.

https://littleglamjewelry.com/en-hk/products/white-topaz-ring-grace-arch-band

algoy_0-1648451812359.png
algoy_0-1648451812359.png763×754 146 KB