cancel
Showing results for 
Search instead for 
Did you mean: 

How to change product grid

SOLVED

How to change product grid

I know this question has been asked many times. How the heck do I change this

products-grid products-grid--max-4-col-widget

to

products-grid products-grid--max-3-col-widget

 

As you can see my page is out of whack. How do I fix it. What is the dir url of page to modify?

Screenshot_2020-01-23 Vendorama.png

2 ACCEPTED SOLUTIONS

Accepted Solutions

Re: How to change product grid

Hello @marshall_lucas 

 

Please follow the below steps for the solution:

  1. Enable template path hints
  2. Find the file path of that product list block. It seems to be widget block
  3. If it is core file, then you need to override this file in custom theme
  4. After that you can edit or change the file class as you want

Hope it is helpful.

---
If you've found my answer useful, please give"Kudos" and "Accept as Solution"

View solution in original post

Re: How to change product grid

I edited the style.css file and made the grid row 100%.

View solution in original post

2 REPLIES 2

Re: How to change product grid

Hello @marshall_lucas 

 

Please follow the below steps for the solution:

  1. Enable template path hints
  2. Find the file path of that product list block. It seems to be widget block
  3. If it is core file, then you need to override this file in custom theme
  4. After that you can edit or change the file class as you want

Hope it is helpful.

---
If you've found my answer useful, please give"Kudos" and "Accept as Solution"

Re: How to change product grid

I edited the style.css file and made the grid row 100%.