Product Display is not aligned

Solved

Product Display is not aligned

sy0702
Tourist
5 0 3

I have created new products, from duplicating from the original ones, which has always worked and has been fine. 
Yesterday, I created the new product and it started to not aligned. I have found that if I manually put the newly created as the first product to display, all product after would be misaligned.  

 

I am using a Dawn theme.
You can see it from here: https://smaycoffee.au/collections/gift

Help would be much appreciated.

Thank you.

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
9136 1828 1863

This is an accepted solution.

Hi @sy0702 

reverted the card-product.liquid file to the original version to solve the issue. Could you check if it's okay now?

Screenshot 2024-08-09 at 14.25.19.png

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: 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

Replies 13 (13)

Victoria
Shopify Staff
2398 162 284

Hi there, @sy0702.

 

Welcome to the Shopify Community, and thanks for posting your question.

 

To confirm, the products on page Collections/Gift are not aligned? When viewing on my end, the product Sample Pack Espresso Series and Sample Pack
Milk Blend Series seem to have smaller images next to them.

 

Could you advise if you recently applied code to your theme or installed any new apps?

Victoria | Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

sy0702
Tourist
5 0 3

sq.png

It got squashed like this

Dan-From-Ryviu
Shopify Partner
9136 1828 1863

Hi @sy0702 

Please check and solve the HTML issue in your main-collection-product-grid.liquid or card-product.liquid file to solve this issue.

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: 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.

Dan-From-Ryviu
Shopify Partner
9136 1828 1863

If you dont mind, could you share Collaborator request code so I can send a request to access your theme and check

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: 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.

sy0702
Tourist
5 0 3

It's 4253 

Dan-From-Ryviu
Shopify Partner
9136 1828 1863

Hi, request sent

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: 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.

sy0702
Tourist
5 0 3

accepted, thank you

Dan-From-Ryviu
Shopify Partner
9136 1828 1863

I got it.

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: 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.

Dan-From-Ryviu
Shopify Partner
9136 1828 1863

Could you give me access products? 

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: 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.

Dan-From-Ryviu
Shopify Partner
9136 1828 1863

This is an accepted solution.

Hi @sy0702 

reverted the card-product.liquid file to the original version to solve the issue. Could you check if it's okay now?

Screenshot 2024-08-09 at 14.25.19.png

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: 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.

sy0702
Tourist
5 0 3

It works, thank you!

Dan-From-Ryviu
Shopify Partner
9136 1828 1863

You are very welcome! 

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: 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.

Sweans
Shopify Partner
380 71 112

Hi @sy0702 ,

Could you please provide the code for this page to help troubleshoot the problem?

 

Regards,

Sweans

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com