FROM CACHE - en_header

Product images misalignment- Exist theme

Solved
MichNewt
New Member
8 0 0

The product images on  catalog page of my shopify store has misaligned. After each row of product images, there's one or more product image  sticked to the left side before the next row of products. It looks like the attached image.  Anyone who can please help me resolve this issue?

Here is link to my website 

Screenshot_20221114-193844_Chrome.jpg

Accepted Solution (1)

Accepted Solutions
GemPages
Shopify Partner
3526 782 641

This is an accepted solution.

Hello, @MichNewt 

I would like to give you some recommendations to support you.

 

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file

3. Paste the below code before </head>

 

<style>
  body.template-collection .products-list{
    display: flex;
    flex-wrap: wrap;
  }
</style>

 

You should also update the product images to be of equal size for best display.

 

Hope my recommendation can works and support for you!

Kind & Best regards!

GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 5 (5)
GemPages
Shopify Partner
3526 782 641

This is an accepted solution.

Hello, @MichNewt 

I would like to give you some recommendations to support you.

 

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file

3. Paste the below code before </head>

 

<style>
  body.template-collection .products-list{
    display: flex;
    flex-wrap: wrap;
  }
</style>

 

You should also update the product images to be of equal size for best display.

 

Hope my recommendation can works and support for you!

Kind & Best regards!

GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
MichNewt
New Member
8 0 0

The Code worked perfectly fine. Thank you very much. 

I also want a lot of products to be displayed in the catalog page. Currently, only 10 product images show per page. Can I  have it increased to maybe 20 or 24 per page? There is an option to select the number of pictures to show when you want to customise it. But it doesn't work

 

GemPages
Shopify Partner
3526 782 641

Hello @MichNewt 

 

Like Dawn theme, we can choose the number of products per page here

GemPages_0-1668563458478.png

Sorry, I don't know the theme you use. But if you are using a paid theme. You can reach the theme's support team if there is an option that doesn't work.

 

Best regards!

GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
MichNewt
New Member
8 0 0

I bought the theme on envato and I can't find any way to contact their support team. The theme's name is "Exist - Drag & Drop Responsive Shopify Theme". 

Please, Is there a way I could solve the problem by editing the code?

GemPages
Shopify Partner
3526 782 641

This issue may be need to check and fix the theme's code. I can't help hotfix with some code. 

If you have a lot of issues with this theme and you can't reach the theme's support team, you may consider hiring a Shopify expert to solve issues for you.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center