 |
Ubercart |
|
|
|
||
|
Thu, 08/23/2007 - 08:05
 Basically, my shop looks nice with only two columns, however I have more than two categories/sub categories and I still want to only have two columns for the stuff. How do I do it? Once I add a third item it doesn't display properly anymore, so I want ubercart to just go into another row with two columns. You can see how the third column gets squished, how can I control this?
  
Re: How to change number of columns displayed in catalog?
I had thought about putting a setting for this before, but I keep running into a problem. The CSS rules for the catalog are set so that each column has the same width. If you change the number of columns, you have to change the width allotted to each (unless you're doing more customization than that anyway, but then the point is moot). I can tell you which numbers to change so you can make it how you want to now, but I'd also like to know if I should make a setting for later versions. If I put it in, people might get confused when their columns look funny because they didn't know to change the CSS. If I don't, people might get annoyed that they have to keep changing the code every time they update Ãœbercart. And I don't want to give anyone a reason not to update Ãœbercart. Anyway, here's what you need to do: in uc_catalog.module, search for "// could extract this number to a user-defined field". That line has the number of columns the categories are in, so change it to a 2. Next, look for td.category in uc_catalog.css. Change the width property to 50%. Alternatively, you can override that rule in a theme stylesheet so it won't be overridden when you update. That's all it takes. Enjoy.  
Lyle,
you could actually
Lyle, you could actually automate this somewhat in php code. set up the catalog module so that it creates a class like "cat_col_#" where # is based on number of column settings so you get a class string like the following: cat_col_2 etc this class string (or col number) could then be passed into the the catalog theme (wherever that is) to add the column class to the catalog div (or table). then, in your css you could simply hard code a number of td.category selectors with column classes ahead of time: .cat_col_2 td.category { width: 50%;) or something similar most people are probaby not going to want to go over 5 cols or some limit. in that case they have to go and change the css line themselves but the class will already be set, making it a lot easier to change and document (less support for you in the long run)
Re: Lyle,
you could actually
Now that is a great idea. Thanks, druru.
your welcome ...
you can
your welcome you can actually use the same class / id technique for automating other similar css / theming situations in modules.
Re: your welcome ...
you can
Thanks to both of you guys. This is all very useful. We've actually decided on not using the default catalog pages, rather creating custom pages for every category which will link into sub categories and finally to the product page. It's more work, but it's what the boss wanted, so I've gotta let her have her way. |
|
...