Forums / General Questions / Category listing page how to?

Category listing page how to?

Started by perfumbg on 13 Oct 2012, 9:57 AM · Views: 758

Results 1 to 6 of 6
13 Oct 2012, 9:57 AM
#1
perfumbg avatar

perfumbg

Zen Follower

Join Date:
May 2010
Posts:
192
Plugin Contributions:
5

Category listing page how to?

Hello dear zenners.
I want to create a Categories listing page, not sidebox.
Is there any way that this can be done.

Thanks a lot.

My most recent work: magprom.net

13 Oct 2012, 2:16 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Category listing page how to?

You could adapt the categories sidebox files to a new "define page". I have just finished an enhancement of Editable Centerboxes (in Plugins, though the new version has not been submitted yet) which allows any sidebox to be displayed in the center column of certain pages, and this might guide you in doing it for a define page without having to rewrite the categories code.

14 Oct 2012, 11:29 AM
#3
perfumbg avatar

perfumbg

Zen Follower

Join Date:
May 2010
Posts:
192
Plugin Contributions:
5

Re: Category listing page how to?

gjh42:

You could adapt the categories sidebox files to a new "define page".

Good point , I'll try it and then put the code

Thanks

My most recent work: magprom.net

14 Oct 2012, 1:36 PM
#4
perfumbg avatar

perfumbg

Zen Follower

Join Date:
May 2010
Posts:
192
Plugin Contributions:
5

Re: Category listing page how to?

For now i made a very easy and simple copy paste thing :)

I turned on sideboxes for categories and copyed the code under ```html

<div id="categoriesContent" class="sideBoxContent">.. ``` to above```html <hr id="catBoxDivider" /> ```

the code looks like this

<div id="categoriesContent" class="sideBoxContent">
<a class="category-top" href="youre site">Something</a><br />
<a class="category-top" href="youre site">Something</a><br />
<a class="category-top" href="youre site">Something</a><br />
<a class="category-top" href="youre site">Something</a><br />
<a class="category-top" href="youre site">Something</a><br />

..................... many other rows

<hr id="catBoxDivider" />

I edited the html because wanted to sort the categories by "Letter" and as result...

<div id="brands">
<ul>A
<li><a class="category-top" href="youre site">Something</a></li>
<li><a class="category-top" href="youre site">Something</a></li>
</ul>
<ul>B
<li><a class="category-top" href="youre site">Something</a></li>
<li><a class="category-top" href="youre site">Something</a></li>
<li><a class="category-top" href="youre site">Something</a></li>
</ul>

..................... many other rows

<hr id="catBoxDivider" />

and the css part

#brands ul{ margin:30px; display:inline-table;vertical-align: top; font-weight:bold; font-size:16px;}
#brands li{ list-style:none; font-weight:normal;font-size:12px;}

After that i copied the html code into page_2 in define pages edditor and all is set until the new category apears :)

For me works great, if smoeone don't want a "sort by letter" can skip the ''letters". With this css every <ul></ul> is like table block.

If i find a php solution i'll be sure to tell everyone.

My most recent work: magprom.net

14 Oct 2012, 2:04 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Category listing page how to?

Categories Dressing gives dynamic correctly nested <ul> lists. Are you saying you want to have your categories displayed in alphabetic groups, but not actually organized as subcategories alphabetically?

15 Oct 2012, 11:27 AM
#6
perfumbg avatar

perfumbg

Zen Follower

Join Date:
May 2010
Posts:
192
Plugin Contributions:
5

Re: Category listing page how to?

gjh42:

Are you saying you want to have your categories displayed in alphabetic groups, but not actually organized as subcategories alphabetically?

Yes i have over 100 brands and it is very dificult to search for one if they are not sorted by Letter groups.
I started with categories but ended with manufacturers :) however Works fine for me now. Now i use the categories like a "tags".

Thanks a lot

My most recent work: magprom.net