4 products grid instead of 3

[dinopacha]

I want to view 4 products next to each other in grid style.

Now it shows three products.

How or where can I change it.

Because I looked in the admin but can't find it in there. :(

 

[♥Tsimi]

catalog/includes/modules/product_listing.php

 

find something like this

$prod_list_contents .= '<div class="item list-group-item col-sm-4">';

change to

$prod_list_contents .= '<div class="item list-group-item col-sm-3">';

it could be coded that way that you could set it up through the admin area. Not sure if burt had that once inside in the past but removed it for some reason? Can't really remember so I might be wrong here.

[dinopacha]

hee Tsimi,

 

I have put it in, and now I have 4 products in a row. (yeah)  :)

 

exept in the catalog and the index page. here I still have three products. <_<

[♥Tsimi]

If you mean the home page or start page then you have to change the catalog/includes/modules/new_products.php file.

[dinopacha]

@ Tsimi

 

I changed the home page (start page) with your addon featured products.

b.t.w. that works great :thumbsup:

[♥Tsimi]

@@dinopacha

 

Thanks. :)

Then you have to go to the module file.

catalog/includes/modules/content/index/cm_i_featured_products.php

and change this code here

$featured_products_content .= '  <div class="col-sm-6 col-md-4">';

in sm view it will show 2 columns in md view and higher 3 columns.

so change md-4 to md-3 for 4 columns and if you want you can change the sm view settings too.

[dinopacha]

@@Tsimi

Thanks. I try it later tonight. Because I'm going to watch a movie.

[Guest]

@@Tsimi

 

Hey Lambros

 

Don't mean to hijack this thread. But if you were going to change as per above, how do you then change the width of the left column to match the width of the4 product boxes.

 

Cheers grandpa

[♥Tsimi]

@@grandpaj

 

Hi John

 

On a stock BS shop there is no problem that i can see when going to 4 columns but then again it depends what products you have and how long their title and description is. I don't know how dinopacha has setup his shop design-wise. If you cannot fit 4 products in one row then you better not do it and stay with 3 otherwise you will have to add some css code into user.css to change the width of the individual product boxes or you reduce maybe gutter space.

[dinopacha]

@@grandpaj

 

I don't have side boxes, I disabled.

I'm running on localhost, because I still wants to explore.​ bootstrap. (There are many possibilities)

I think, if I'm going to upload the site, there will be also no sideboxes.

I have a lingerie site and yes the title and description are sometimes long.

 

I must also still looking to see how it comes out, when the texts have been put into it.​

 but that will be fine :D

[Jackdeth]

Only thing I didn't find here was a mention of changing the "New Products Module" from 9 to 12 after making these changes so you don't have 3 empty slots in the new 12 product grid… :)

[♥Tsimi]

That you can change in the admin area.

Configuration -> Maximum values

[♥JcMagpie]

I having a similar problem which I hope someone can help with. Have bootstrap 2.3.4 and having problems with category images not lining up properly.

I keep getting blank spaces on lines with just one subcategory image at the end of a line! Hard to explain but imagine 3 rows of 3 products you would expect

1              2              3

1              2              3

1              2              3

However I keep getting

1              2              3

                                3

1              2              3

So row 2 is missing to images! Well not missing just blank spaces. No matter how I move or sort out the ordering this keeps happening. Product layout is fine it only happens on subcategory’s.

 

http://www.justcooking.co.uk/index.php?cPath=66

 

Anyone know how to fix this?

[jeannie]

You have

 

1 2 3

      4

1 2 3

      4

1 2 3

      4

1 2

 

I had a similar problem, AFAIR the vertical number of tiles was too high and it got in conflict with the number of columns, I had to review the specific stylesheet of the menu generator.

 

 

[burt]

You have to use images that are the same dimensions...

 

Eg, all small images must be (eg) 200 by 250.  Not 90% of them at (eg) 200 by 210 and the odd few at (eg) 200 by 100.