Jump to content
Latest News: (loading..)

Recommended Posts

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. :(

 

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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. <_<

Share this post


Link to post
Share on other sites

@@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.

Edited by Tsimi

Share this post


Link to post
Share on other sites

@@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

Share this post


Link to post
Share on other sites

@@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.

Share this post


Link to post
Share on other sites

@@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

Share this post


Link to post
Share on other sites

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… :)

Share this post


Link to post
Share on other sites

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?

Edited by justcatering

 

Share this post


Link to post
Share on other sites

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.

 

 

Share this post


Link to post
Share on other sites

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.


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×