[SOLVED] Cataloger: indent the items in categori page

[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

[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...

[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

[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.

[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

[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}