FROM CACHE - en_header

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:
786 Views
0 Likes
Report
Accepted Solution (1)
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
10766 2128 2249
‎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>

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

751 Views
1 Like
Report
Replies 11 (11)

Dan-From-Ryviu
Shopify Partner
10766 2128 2249
‎02-01-2024 03:51 AM

Hi @GavinZ 

Could you share your store URL to check?

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

783 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

772 Views
0 Likes
Report
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
10766 2128 2249
‎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>

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

759 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

 

754 Views
0 Likes
Report
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
10766 2128 2249
‎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>

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

752 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!

748 Views
0 Likes
Report
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
10766 2128 2249
‎02-01-2024 04:32 AM

Happy I could help 😊

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

736 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.

732 Views
0 Likes
Report
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
10766 2128 2249
‎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>

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

729 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!

723 Views
1 Like
Report
In response to GavinZ

Dan-From-Ryviu
Shopify Partner
10766 2128 2249
‎02-01-2024 04:42 AM

Very welcome.

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

721 Views
1 Like
Report

Community Blog Articles

top members.webp
Celebrating Our Members of the Month | December '24

Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...

By JasonH Jan 7, 2025
top members.webp
Holiday Cheers to Our Community | November '24

Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...

By JasonH Dec 6, 2024
starting.webp
Dropshipping Viral Products to Sell in 2025

Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...

By JasonH Nov 27, 2024
Terms of Service Privacy Policy