Advanced Horizontal Display Question

[sethererm]

I have installed in my Zen Cart the "Column Layout Grid for Product Listing" that you can download in the downloads area.

What my issue is this:
I have my products displayed - I won't have separate pages - all products will be displayed on one page. Say I have 50 products. I want them to be able to scroll through them horizontally. Well I currently have messed with my style sheet altering the following:
#productListing {
width:10500px;
}

That allows up to 50 products to be displayed while I have the page: includes/modules/my_template/product_listing.php on line 241 altered. This will display my products as 2% of 10500 per product.

What I want to figure out how to do is to display this dynamically. Based on how many products are in a category it will change the stylesheet from 10500px wide to a different size while also changing the product_listing.php to a new percentage of that whole.

I'm not sure if anyone will be able to help me out. But it would make a nice new look to most carts.

To see what I have it displayed as currently please visit http://www.bk-clothing.com/clothing/.

If you have troubles understanding what I am trying to do - just ask. I will try my best to explain. I like to make things difficult so I don't figure this is possible/easy. One or the other...

[gjh42]

A form of this could be very easy.
Using the CSS "overflow: auto;" property, if you get the products lined up horizontally they will display with a scrollbar and the parts that don't fit in the normal page width will be hidden until you scroll them into view.

Getting the products to line up could be done by adding a bit to the PHP code to multiply the number of products by the desired individual width and making something (line, box, etc.) have that width. With the div held open, the products could be floated left and they would all line up horizontally.

[sethererm]

I would love to add something to the php - but I am not very fluent at php. I know just enough to hang myself with it. The way you suggested it sounds like it would be a rather simple script...but..nothing is simple when it comes to me.

I'll see if I can figure out how to add that part to the php code - we'll see how badly I can mess it up...but first! I'll back up my website..(third time making this website because I didn't back it up).

Thank you very much for the suggestion. Hopefully I'll figure out how to write that.

[sethererm]

Well...I didn't get it to work like you were speaking...but it is functional.

If you care to enlighten me at some point what exactly you were thinking about the PHP I would love to know more about doing something like that. For now I just set it up so that the max is 10 products and then it goes to the next page - and regardless of how many per page it will always be displayed at 2400px in width with the overflow setting in css.

You can look following the above link and see what I mean. I don't know what else to do.