I am using the Sebenza Category Tree mod.
I am attempting to build a valid <ul> structured cat tree with minimal resultant html.
Here is what I have in template so far:
It is giving me html like this:
Too many <ul>'s although now valid once I stripped the closing </li>'s.
It need to generate like this:
Please help; I'd like "getter done" and everyone could use some clean tree code !
I am attempting to build a valid <ul> structured cat tree with minimal resultant html.
Here is what I have in template so far:
Code:
<ul id="catwrapperul"> <mvt:foreach iterator="tree" array="cattree"> <mvt:if expr="g.Category_Code EQ l.settings:tree:code"> <mvt:if expr="l.settings:tree:parent_id GT 0"> <ul class="cat_ul1"> </mvt:if> <li class="&mvt:tree:class;">►<a href="/page/&mvta:store:code;/CTGY/&mvta:tree:code;">&mvt:tree:name;</a></li> <mvt:if expr="l.settings:tree:parent_id GT 0"> </ul> </mvt:if> <mvt:else> <mvt:if expr="l.settings:tree:parent_id GT 0"> <ul class="cat_ul1"> </mvt:if> <li class="&mvt:tree:class;"><a href="/page/&mvta:store:code;/CTGY/&mvta:tree:code;">&mvt:tree:name;</a></li> <mvt:if expr="l.settings:tree:parent_id GT 0"> </ul> </mvt:if> </mvt:if> </mvt:foreach> </ul>
HTML Code:
<ul id="catwrapperul"> <li class="cat"><a href="/page/CPO/CTGY/mul">Mulberry Paper</a></li> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/tis">Mulberry Tissue</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/mtx">Mulberry Textured</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/msm">Mulberry Smooth</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/mmr">Mulberry Marbles</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/mbt">Mulberry Handpainted Batiks</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/mbr">Recycled Mulberries</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/mfl">Mulberry Florals</a></li> </ul> <li class="cat"><a href="/page/CPO/CTGY/lok">Lokta Paper</a></li> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/lso">Lokta Solids</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/lmr">Lokta Marbles</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/ltd">Lokta Tie-Dyes</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/lck">Lokta Crinkle</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/lfl">Lokta Florals</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/lrc">Recycled Loktas</a></li> </ul> <li class="cat"><a href="/page/CPO/CTGY/slk">Silk Paper</a></li> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/ssf">Soft Silk</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/slb">Silk Blends</a></li> </ul> <li class="cat"><a href="/page/CPO/CTGY/japan">Japanese Paper</a></li> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/japan-washi">Japanese Washi and Chiyogami</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/japan-other">Japanese Paper Other</a></li> </ul> <li class="cat"><a href="/page/CPO/CTGY/floral">Floral</a></li> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/flt">Other Florals</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/fls">Smooth Florals</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/flc">Floral Cardstocks</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/flp">Pressed Flower Florals</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/flx">Textured Florals</a></li> </ul> <li class="cat"><a href="/page/CPO/CTGY/batik">Batik</a></li> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/indian_solid">Indian Solids</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/thai_handpaint">Thai Handpainted</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/tibetan_batik">Tibetan Batiks</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/indian_handpaint">Indian Handpainted</a></li> </ul> <li class="cat"><a href="/page/CPO/CTGY/metallic">Metallic</a></li> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/mts">Solid Color Metallics</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/mto">Oxidized Metallics</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/metallic_pearl">Pearlized Metallics</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/mtm">Metallic Mica Papers</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/mth">Other Metallics</a></li> </ul> <li class="cat"><a href="/page/CPO/CTGY/car">Cardstock</a></li> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/cdw">Whites Ivories</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/cdp">Pastel Cardstocks</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/cde">Earthtone Cardstocks</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/cdb">Bright Cardstocks</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/cdn">Natural Cardstocks</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/cdo">Other Cardstocks</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/cdf">Floral Cardstocks</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/mtc">Metallic Cardstocks</a></li> </ul> <li class="cat"><a href="/page/CPO/CTGY/tex">Textured Paper</a></li> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/tlc">Lokta Crinkle</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/ttw">Thai Wrinkles</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/tlp">Leather Paper</a></li> </ul> <ul class="cat_ul1"> <li class="cat1"><a href="/page/CPO/CTGY/tot">Other Textured</a></li> </ul> snip </ul> </ul>
It need to generate like this:
HTML Code:
<ul> <li class="cat">A PARENT CAT <ul> <li class="cat1">ABC <li class="cat1">ABC <li class="cat1">ABC <li class="cat1">ABC <li class="cat1">ABC <li class="cat1">ABC <li class="cat1">ABC </ul> <li class="cat">A PARENT CAT <ul> <li class="cat1">ABC <li class="cat1">ABC <li class="cat1">ABC <li class="cat1">ABC <li class="cat1">ABC <li class="cat1">ABC </ul> </ul>
Comment