FROM CACHE - en_header
Promotion image

Re: First photo in product page are mush smaller tan other photos

Solved

First photo in product page are mush smaller tan other photos

GavinZ
Tourist
15 0 1
‎02-01-2024 03:49 AM

Our product photo for each product are wearied, the first photo for every single product are much smaller than the rest of the photos, the size of the rest of the photos are correct, only the first one are small. what should I do?

product1.png

product2.png

  

Labels:
866 Views
0 Likes
Report
Accepted Solution (1)
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
11407 2238 2411
‎02-01-2024 04:25 AM

This is an accepted solution.

Please update code to this 

<style>
.productView-image.fit-unset .productView-img-container .media img {
    aspect-ratio: 3 / 2;
    width: 100% !important;
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

831 Views
1 Like
Report
Replies 11 (11)

Dan-From-Ryviu
Shopify Partner
11407 2238 2411
‎02-01-2024 03:51 AM

Hi @GavinZ 

Could you share your store URL to check?

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

863 Views
0 Likes
Report
In response to Dan-From-Ryviu

GavinZ
Tourist
15 0 1
‎02-01-2024 04:02 AM

https://011ebd-2.myshopify.com/

here is it

852 Views
0 Likes
Report
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
11407 2238 2411
‎02-01-2024 04:16 AM

Hi, please add this code to your theme.liquid file, after <head> element in Online Store > Themes > Edit code to solve the issue 

<style>
.productView-image.fit-unset .productView-img-container .media img {
    aspect-ratio: 1;
    width: 100% !important;
}

</style>

 

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

839 Views
0 Likes
Report
In response to Dan-From-Ryviu

GavinZ
Tourist
15 0 1
‎02-01-2024 04:22 AM

Dear Dan,

 

I did add your code in theme,  but now all photos are changed to square, and proportion are changed also. What should I do?

photo3.png

 

834 Views
0 Likes
Report
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
11407 2238 2411
‎02-01-2024 04:25 AM

This is an accepted solution.

Please update code to this 

<style>
.productView-image.fit-unset .productView-img-container .media img {
    aspect-ratio: 3 / 2;
    width: 100% !important;
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

832 Views
1 Like
Report
In response to Dan-From-Ryviu

GavinZ
Tourist
15 0 1
‎02-01-2024 04:30 AM

It's Fixed!!! Thank you so much for your help! It confused me for such a long time!

828 Views
0 Likes
Report
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
11407 2238 2411
‎02-01-2024 04:32 AM

Happy I could help 😊

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

816 Views
0 Likes
Report
In response to Dan-From-Ryviu

GavinZ
Tourist
15 0 1
‎02-01-2024 04:35 AM

One more question! It seems like a little bit of photo quality lag than before, is there anything can fix that? Or stay like now will be fine tho.

812 Views
0 Likes
Report
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
11407 2238 2411
‎02-01-2024 04:37 AM

Please try to update the code to this and check again 

<style>
.productView-image:first-child .productView-img-container .media img {
    aspect-ratio: 3 / 2;
    width: 100% !important;
}
</style>

 

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

809 Views
0 Likes
Report
In response to Dan-From-Ryviu

GavinZ
Tourist
15 0 1
‎02-01-2024 04:41 AM

Thank you so much! It's perfectly fixed!

803 Views
1 Like
Report
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
11407 2238 2411
‎02-01-2024 04:42 AM

Very welcome.

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

801 Views
1 Like
Report

Community Blog Articles

427225466-7b141305-de27-48eb-8d38-643ba2ed8c3f.jpg
The power of automation: New Shopify Flow fundamentals learning path

Discover how to increase the efficiency of commerce operations with Shopify Academy's l...

By Jacqui Mar 26, 2025
shopp-e-1741972742895593780274096851.png
Canadian merchants: Update account details by March 24, 2025 to continue us...

Shopify and our financial partners regularly review and update verification requiremen...

By Jacqui Mar 14, 2025
Shopify_0-1741780029041.png
New learning path from Shopify Academy: How to create a digital marketing s...

Unlock the potential of marketing on your business growth with Shopify Academy's late...

By Shopify Mar 12, 2025
Terms of Service Privacy Policy