X-Cart forums

[puppetmaster]

This is driving me crazy. How do I remove the padding between the the sections on the vertical menu bar. I'm using a two column layout and I know I need to change this in the skin1.css but I can't figure out which padding to change to "0"

I want it to look seemless.

Thanks you so much for any help

[balinor]

It is probably a <br/> tag in customer/home.tpl, not padding.

[puppetmaster]

Thanks balinor that helped.. I have one more question for anyone and hopefully I can get some help.
My left menu bar now has no spaces but I would like to change the images on that vertical bar.
I would like to change the defalt images on the bar and place them with new images under the main header. (categories, bestsellers, ect.) i was able to change the (dingbats_categorie.gif) but when I change it to a new image it doesn't resize.

Where do I make the changes to these images and where do I resize them.

Thank you so much.
-e

[balinor]

Do you want the same image for each menu? If so, it is a pretty easy fix...if not, not so easy.

[puppetmaster]

at the moment I would like to use the same image, later on after I get a better handle on this cart I might try using different images.

I would like to have the image underneath main header.

thanks

[balinor]

Then you can simply edit menu.tpl. Be careful here though, as that template is shared between the admin and customer sides. To have something only show for the customer, use this:

{if $usertype eq "C"}
show image
{/if}

To call an image in X-Cart, use this:

<img src="{$ImagesDir}/imagename.jpg" alt=""/>

Upload the image to the skin1/images directory.

[puppetmaster]

Ok balinor I'm looking at this code. Am I adding your code or changing some part of the code below. I want to change the dingbats image to a new image catBar.jpg and only have it show up on the customer side.

Balinor thank you so much for your help.



<table cellspacing="1" width="100%" class="VertMenuBorder">
<tr>
<td class="VertMenuTitle">
<table cellspacing="0" cellpadding="0" width="100%"><tr>
<td>{$link_begin}<img src="{$ImagesDir}/{if $dingbats ne ''}{$dingbats}{else}spacer.gif{/if}" class="VertMenuTitleIcon" alt="{$menu_title|escape}" />{$link_end}</td>
<td width="100%">{if $link_href}<a href="{$link_href}">{/if}<font class="VertMenuTitle">{$menu_title}</font>{if $link_href}</a>{/if}</td>
</tr></table>
</td>
</tr>
<tr>
<td class="VertMenuBox">
<table cellpadding="{$cellpadding|default:"5"}" cellspacing="0" width="100%">
<tr><td>{$menu_content}<br /></td></tr>
</table>
</td></tr>

[balinor]

You need to remove the dingbats code all together and replace it with the image code I provided.

[puppetmaster]

I got it now. Thank you so much. One more thing is there a way to have the header over the top of the image.

[balinor]

The code I posted:

<img src="{$ImagesDir}/catBar.jpg" alt=""/>