Page 1 of 1
[SOLVED] Cataloger: indent the items in categori page
Posted: Wed Nov 04, 2009 6:59 pm
by otger
Hi! After reading a lot of post from cataloger and spend a lot of hours with my trouble, I can't find the solution
I need to show a structure in a categori page with cataloger like this:
1. Hats (categori page)
1.1 Fashion (sub-categori page)
1.2.1 Feathered Hat (item page) $items[numloop].size
1.2.2. Fedora (item page)
1.2.3. Baseball Hat (item page)
1.2. Work Hats (sub-categori page)
1.2.1. Hard Hat (item page)
1.2.2. Diving Helmet (item page)
I just want to indent the pages and mark with bold the categories ( perhaps I only must to know what items of the array are itempage or categorys?)
Thanks
Re: Cataloger: indent the items in categori page
Posted: Wed Nov 04, 2009 9:22 pm
by Dr.CSS
If you gave a link it may help else you need someone to install cataloger ans set up like yours to see what it looks like in browser to find the structure it outputs to tell how to style it like you want...
Re: Cataloger: indent the items in categori page
Posted: Thu Nov 05, 2009 4:27 pm
by otger
Thanks for the quick reply Dr. CSS
, I have it in a intranet
Using the Category-CSS-based Catalog Sub-template I have this code
This is the code:
Code: Select all
<div class="category_items">
<div class="catnav"><span class="p-1 nolink">1</span></div>
<div class="category_item"><a href="http://server/hats/index.php?p=fashion"><img src="http://server/hats/modules/Cataloger/Cataloger.Image.php?i=fashion_ct_1_90_1.jpg&ac=21440" title="Fashion" alt="Fashion"/></a><br /><a href="http://server/hats/index.php?p=fashion">Fashion</a></div>
<div class="category_item"><a href="http://server/hats/index.php?p=feathered-hat"><img src="http://server/hats/modules/Cataloger/Cataloger.Image.php?i=feathered-hat_s_1_70_1.jpg&ac=73100" title="Feathered Hat" alt="Feathered Hat"/></a><br /><a href="http://server/hats/index.php?p=feathered-hat">Feathered Hat</a></div>
<div class="category_item"><a href="http://server/hats/index.php?p=fedora"><img src="http://server/hats/modules/Cataloger/Cataloger.Image.php?i=fedora_s_1_70_1.jpg&ac=31962" title="Fedora" alt="Fedora"/></a><br /><a href="http://server/hats/index.php?p=fedora">Fedora</a></div>
<div class="category_item"><a href="http://server/hats/index.php?p=baseball"><img src="http://server/hats/modules/Cataloger/Cataloger.Image.php?i=baseball_s_1_70_1.jpg&ac=38965" title="Baseball" alt="Baseball"/></a><br /><a href="http://server/hats/index.php?p=baseball">Baseball</a></div>
<div class="category_item"><a href="http://server/hats/index.php?p=work-hats"><img src="http://server/hats/modules/Cataloger/Cataloger.Image.php?i=work-hats_ct_1_90_1.jpg&ac=67158" title="Work Hats" alt="Work Hats"/></a><br /><a href="http://server/hats/index.php?p=work-hats">Work Hats</a></div>
<div class="category_item"><a href="http://server/hats/index.php?p=hard-hat"><img src="http://server/hats/modules/Cataloger/Cataloger.Image.php?i=hard-hat_s_1_70_1.jpg&ac=60894" title="Hard Hat" alt="Hard Hat"/></a><br /><a href="http://server/hats/index.php?p=hard-hat">Hard Hat</a></div>
<div class="category_item"><a href="http://server/hats/index.php?p=diving-helmet"><img src="http://server/hats/modules/Cataloger/Cataloger.Image.php?i=diving-helmet_ct_1_90_1.jpg&ac=21676" title="Diving Helmet" alt="Diving Helmet"/></a><br /><a href="http://server/hats/index.php?p=diving-helmet">Diving Helmet</a></div>
<div class="catnav"><span class="p-1 nolink">1</span></div>
</div>
As you can see, items and categorys has the same class.
This night I found a dirty solution: using the same User-Defined Attribute (size) I can compare between categorys and itempages. In categories it have the value "CCC" and with an if/else I know what items of the array are itempage or categorys.
Perhaps I make a mistake and must to move the post to another place
(I don't know how can I move... more and more embarassed)
Thanks
Re: Cataloger: indent the items in categori page
Posted: Fri Nov 06, 2009 7:45 pm
by Peciura
Strange i thought items were nested in category divs...
Still if it is not edit Category-CSS-based Catalog Sub-template - rename one of two "category_item". And then simply set different "padding-left" CSS property class "category_item" and new one you have just edited.
If no luck - post our template to forum.
Re: Cataloger: indent the items in categori page
Posted: Sun Nov 08, 2009 10:04 am
by otger
Thanks Peciura ,
This is the template (installed new, without touching anything).
There is only one category_item. Maybe this is the problem ?
Code: Select all
<h1>{$title}</h1>
{section name=numimg loop=$image_url_array}<img src="{$image_url_array[numimg]}" alt="{$title}" title="{$title}" />{/section}
{$notes}
<div class="category_items">
{if $hasnav == 1}
<div class="catnav">{$prev}{$navstr}{$next}</div>
{/if}
{section name=numloop loop=$items}
<div class="category_item"><a href="{$items[numloop].link}"><img src="{$items[numloop].image}" title="{$items[numloop].title}" alt="{$items[numloop].title}"/></a><br /><a href="{$items[numloop].link}">{$items[numloop].title}</a></div>
{/section}
{if $hasnav == 1}
{*
The number that is without a link (a href) have a <span class="nolink" ) have a look in source code-html
*}
<div class="catnav">{$prev}{$navstr}{$next}</div>
{/if}
</div>
Thanks
Re: Cataloger: indent the items in categori page
Posted: Sun Nov 08, 2009 11:27 am
by Peciura
{$title}
{section name=numimg loop=$image_url_array}{/section}
{$notes}
{if $hasnav == 1}
{$prev}{$navstr}{$next}
{/if}
{section name=numloop loop=$items}
{$items[numloop].title}
{/section}
{if $hasnav == 1}
{*
The number that is without a link (a href) have a {$prev}{$navstr}{$next}
{/if}