X-Cart forums - How to resize the "Categories" box

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - How to resize the "Categories" box (https://forum.x-cart.com/showthread.php?t=19247)

TL408

01-13-2006 12:41 PM

How to resize the "Categories" box

I've looked at the "skin1.css" and "customer/categories.tpl" file but couldn't find out where to resize the "Categories" box. Any help would be greatly appreciated.

Thanks
-Tuan

balinor

01-13-2006 12:42 PM

It is menu.tpl that controls the categories in the side menu, and that defaults to the width of the table cell in home.tpl.

TL408

01-13-2006 12:51 PM

Thanks so much, Padraic. :)

TL408

01-13-2006 01:14 PM

Oh....how about the spacing/padding between each line in the "Categories" box? Is it in the skin1.css file? I can't find it. Thanks again for your help.

-Tuan

balinor

01-13-2006 01:17 PM

Between each category name you mean? That is just a
tag in customer/categories.tpl. You would need to add a padding element to the CategoriesList class to use padding.

TL408

01-13-2006 01:26 PM

Quote:

Originally Posted by balinor

Between each category name you mean? That is just a
tag in customer/categories.tpl. You would need to add a padding element to the CategoriesList class to use padding.

Yes, between each category name. I want some space between them, but not as much as a line using the
tag.

I edited the skin1.css file and added the codes below, using the padding element. However, I did not notice any changes between each category.

Code:

.CategoriesList {

FONT-SIZE: 13px;

Font-Weight: Bold;

PADDING: 5px;

balinor

01-13-2006 01:30 PM

Probably due to the lovely <font> tags X-Cart still uses :( Try replacing this in categories.tpl:

<FONT class="CategoriesList">

with this:

<div class="CategoriesList">

also replace the closing </font> tag with </div>

TL408

01-13-2006 01:38 PM

Hmmm.....can't find that line anywhere in the categories.tpl file under the "customer" folder. Here is what I have.

Code:

{* $Id: categories.tpl,v 1.26 2005/11/17 06:55:37 max Exp $ *}

{capture name=menu}

{if $active_modules.Fancy_Categories ne ""}

{include file="modules/Fancy_Categories/categories.tpl"}

{assign var="fc_cellpadding" value="0"}

{else}

{if $config.General.root_categories eq "Y"}

<div id="categories">

{foreach from=$categories item=c}

{$c.category}




{/foreach}

</div>

{else} 

<div id="categories">

{foreach from=$subcategories item=c key=catid}

{$c.category}




{/foreach}

</div>

{/if}

{/if}

{/capture}

{ include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu cellpadding=$fc_cellpadding}

balinor

01-13-2006 01:46 PM

Is this the beta version you are working with?

TL408

01-13-2006 01:51 PM

Unfortunately yes. *****banging against the wall*****

balinor

01-13-2006 01:58 PM

Ah sorry, can't help you with that then :(

TL408

01-13-2006 02:07 PM

I appreciate the help anyway. Have a wonderful weekend. :)

-Tuan

balinor

01-13-2006 02:10 PM

The same concept applies I'm sure, I'm just not familar with the style sheet or templates in the beta version yet. What you want to do is surround the code for the category name with a div tag that calls the style:

<div class="something">

Category text here

</div>

dri_cs

10-27-2006 01:19 PM

Re: How to resize the "Categories" box

you are correct Padraic, I was able to do it in customer/category.tpl, I just removed the <font> and made a <div> - Code:

{else}
{if $config.General.root_categories eq "Y"}
{foreach from=$categories item=c}
<div class="CategoriesList">
<a href="home.php?cat={$c.categoryid}" class="VertMenuItems">{$c.category}</a></div><br />
{/foreach}
{else} {foreach from=$subcategories item=c key=catid}
<font class="CategoriesList"><a href="home.php?cat={$catid}" class="VertMenuItems">{$c.category}</a></font><br />
{/foreach}

All times are GMT -8. The time now is 10:50 AM.