Home Community Forum Plugins

Documentation

For Developers For Storeowners

Services Donate Get Started

Forums / Templates, Stylesheets, Page Layout / Changing Category Layout

Changing Category Layout

Locked

Results 1 to 8 of 8

This thread is locked. New replies are disabled.

13 Jul 2010, 03:07

timebombx

New Zenner

Join Date:: May 2010
Posts:: 18
Plugin Contributions:: 0

Changing Category Layout

So I changed my categories where they display like:

One
Two
Three
Four

instead of

One Two Three
Four Five Six

The problem is now they categories are displaying like this

Number 1
Number 2
Number 3

Number 4
Number 5
Number 6

Number 7
Etc

They're also centered in the middle and I'd like them to layout out to the left.

Couldn't find anything in the general area of the stylesheet.css that related to this.

13 Jul 2010, 03:23

bonkycat

New Zenner

Join Date:: Aug 2009
Posts:: 54
Plugin Contributions:: 0

Re: Changing Category Layout

Don't know if this solution will do exactly what you want as your template will have some control over the layout, but I installed a mod called "Column Layout Grid" and LOVE the additional flexibility it gave me.

13 Jul 2010, 03:29

timebombx

New Zenner

Join Date:: May 2010
Posts:: 18
Plugin Contributions:: 0

Re: Changing Category Layout

Bonkycat:
Don't know if this solution will do exactly what you want as your template will have some control over the layout, but I installed a mod called "Column Layout Grid" and LOVE the additional flexibility it gave me.

Do you by chance have any examples of this add on?
Not looking for anything extreme so figured it'd be more time efficient just editing a bit of the code to achieve what I wanted.

13 Jul 2010, 03:37

gjh42

Black Belt

Join Date:: Jul 2005
Posts:: 21,876
Plugin Contributions:: 6

Re: Changing Category Layout

The Column Grid mod only applies to the product listing page, not subcategory listings.

You don't need to edit any PHP files.
Admin > Configuration > Maximum Values > Categories To List Per Row >>set to 1.
Then some styling in your stylesheet.css will take care of the alignment - seeing your site live will allow the best advice.

13 Jul 2010, 03:42

timebombx

New Zenner

Join Date:: May 2010
Posts:: 18
Plugin Contributions:: 0

Re: Changing Category Layout

gjh42:
The Column Grid mod only applies to the product listing page, not subcategory listings.

You don't need to edit any PHP files.
Admin > Configuration > Maximum Values > Categories To List Per Row >>set to 1.
Then some styling in your stylesheet.css will take care of the alignment - seeing your site live will allow the best advice.

http://www.d2west.com/index.php?main_page=index&cPath=105_332

Is an example.

I went into the stylesheet.css and edited it and changed it instead of going through admin(as somehow I missed that option).

13 Jul 2010, 05:15

timebombx

New Zenner

Join Date:: May 2010
Posts:: 18
Plugin Contributions:: 0

Re: Changing Category Layout

timebombx:
http://www.d2west.com/index.php?main_page=index&cPath=105_332

Is an example.

I went into the stylesheet.css and edited it and changed it instead of going through admin(as somehow I missed that option).

Alright ended up changing the stylesheet.css back to the floating to the left and changed the listings per row to 1 through the admin.

Do you know where in the stylesheet the code is to move the text towards the left as well as make it bigger/bold?

13 Jul 2010, 05:48

gjh42

Black Belt

Join Date:: Jul 2005
Posts:: 21,876
Plugin Contributions:: 6

Re: Changing Category Layout

.categoryListBoxContents a {
    float: left;
    font-weight: bold;
    font-size: 1.5em;
    }

13 Jul 2010, 06:15

timebombx

New Zenner

Join Date:: May 2010
Posts:: 18
Plugin Contributions:: 0

Re: Changing Category Layout

gjh42:

.categoryListBoxContents a {
    float: left;
    font-weight: bold;
    font-size: 1.5em;
    }

Thank you. I appreciate your help.