What's your biggest current challenge? Have your say in Community Polls along the right column.

Collection Page Images Not Lining Up

Solved

Collection Page Images Not Lining Up

Bilpro
Tourist
7 2 0

Hi we are using the debut theme and i cant get the products on the collection pages to line up in unirform, i have tried a few suggestions when searching the forum but they don't seem to be working, screenshot below, below thanks in advance,

Screenshot 2024-11-11 at 10.15.39.png

Accepted Solution (1)
Moeed
Shopify Partner
6357 1721 2079

This is an accepted solution.

Hey @Bilpro 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-card__image-with-placeholder-wrapper {
    height: 270px !important;
}
</style>

RESULT:

Moeed_0-1731332549997.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


View solution in original post

Replies 7 (7)

steve_michael2
Trailblazer
356 33 43

Hello @Bilpro ,
Please sent your URL?
Thanks!

Crafting exceptional online experiences with innovative design and technology.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount

suyash1
Shopify Partner
10210 1260 1600

@Bilpro  it is due to image sizes, need to set height for images but the issue is images will either be squeezed or stretched, hence recommend to create images with very same dimensions and reupload them

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Moeed
Shopify Partner
6357 1721 2079

Hey @Bilpro 

 

Share your Store URL and Password if enabled.

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


Bilpro
Tourist
7 2 0

Hello all, URL is

 

https://bilpro.co.uk/

Moeed
Shopify Partner
6357 1721 2079

This is an accepted solution.

Hey @Bilpro 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-card__image-with-placeholder-wrapper {
    height: 270px !important;
}
</style>

RESULT:

Moeed_0-1731332549997.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


Bilpro
Tourist
7 2 0

Thank you Moeed much appreciated😀

Moeed
Shopify Partner
6357 1721 2079

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral