Liquid, JavaScript, themes, sales channels
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
Solved! Go to the solution
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
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
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
Hello @MichNewt
Like Dawn theme, we can choose the number of products per page here
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
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?
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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024