Bigger Product Boxes on Collection Page

Tourist
10 0 1

Hi there! How can I make the products per collection page wider, bigger, and centered to maximize the width of the page? Right now it looks very small and the space is very big. 

 

https://offspring-philippines.myshopify.com/collections/plant-based-wipes

 

Password: bleotu

0 Likes
Shopify Expert
100 4 9

@ariannesalamat I can see your website code  not completely full width 
Option 1 : I can see your theme was a custom theme check their theme layout full-width option available.  
option 2 you can change the code  

AvidBrio_0-1606298887619.png



container to container-fluid the section will full width 


I will suggest hiring experts someone or you can contact me. jim@avidbrio.com

If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
0 Likes

Hi @ariannesalamat 

This is PageFly, I would love to provide a solution for the issue. Please go to:

Themes => edit code => asset => style.scss.css

and find (Cmd F) the container class

and add the code below into

.section_template__collection .container {
       max-width: 100%;
  }
.section_template__collection .collection_img img{width: 100%;} 

Hope it will help you. If you find my answer is helpful, you can give it a like. Let me know if you need help.

PageFly. 

PageFly - Advanced Shopify Page Builder.
- Use the Christmas template to skyrocket your sales.
- PageFly Page Builder: Website | Facebook | LinkedIn | Group | Youtube
- [Tutorial] Get more tips on using PageFly to soar sales this season
0 Likes
Tourist
10 0 1

Thank you for this!! Would this code still work if I have, for example, only 1 product for a collection? Does it mean that product will be centered and big as well?

0 Likes