Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Adding button background picture on the Categories

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 01-28-2008, 03:08 PM
 
mahou mahou is offline
 

Member
  
Join Date: Sep 2007
Posts: 13
 

Default Adding button background picture on the Categories

Hi Everyone,

I am trying add a background background picture behind each categories on the side meun bar. To be exact only on for the Main Categores section On the client/customer interface. I don't need to have rollover yet, just a plan static pictture.

I believe it is the edit should be some where under skin1\customer\categories.tpl

I thought the code should be between these lines, but I can't seem to find where it is point to the new tpl file. Is it on a CSS file?

<table cellpadding="0" cellspacing="0" {if $main eq "catalog" and $current_category.category eq ""}class="CategoriesCustomBox"{else}width="100 %"{/if}>
<tr>
<td valign="top">
{if $active_modules.Fancy_Categories ne ""}
<table cellpadding="0" cellspacing="0" {if $main eq "catalog" and $current_category.category eq ""}class="CategoriesCustomBoxFC"{else}width="150"{ /if}>
<tr>
<td valign="top">

{include file="modules/Fancy_Categories/categories.tpl"}
{assign var="fc_cellpadding" value="0"}
</td>
</tr>
</table>

Can someone please help me out? Hmm... Marthastewart web site is a good example. I don't need the interactive effect after you click it. Just a button look picture behind the meun. Sorry, I don't know PHP too well either.

http://www.marthastewart.com/home-decorating?lnc=4f3fcafb74ece010VgnVCM1000003d370a0 aRCRD&rsc=globalnavigation_home_decorating-with-accents

What I am seeing is that Xcart will first create a "table", then create a different "row" or <TD> to fill each category it has. I was trying to see if I can insert a default picture

I have spend 2 days on this issue. still no luck. would really appreciate if someone can point me to the right direction.

Thanks in advance

Sincerely,
Attached Thumbnails
Click image for larger version

Name:	side_meun_bar_sample.jpg
Views:	154
Size:	48.0 KB
ID:	749  
__________________
/X-Cart Gold v. 4.1.6/

Last edited by mahou : 01-28-2008 at 03:21 PM. Reason: upload sample picture
Reply With Quote
  #2  
Old 01-28-2008, 04:01 PM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Adding button background picture on the Categories

Derek, you have been asked before, but I'll ask again. In order to help you, we need you to follow the forum guidelines and post your X-Cart version in your signature. Each version of X-Cart is very different, and if you want an accurate answer, this information is essential. Thank you.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #3  
Old 01-28-2008, 06:44 PM
 
mahou mahou is offline
 

Member
  
Join Date: Sep 2007
Posts: 13
 

Default Re: Adding button background picture on the Categories

Hi balinor ,

thanks for reminder. I have version 4.1.6

I am hosting on a Linux system. I don't which version of Linux, as I only get the space.

If you can help me or give me some guidence would be really appreciated, thanks
__________________
/X-Cart Gold v. 4.1.6/
Reply With Quote
  #4  
Old 01-29-2008, 04:12 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Adding button background picture on the Categories

Thanks Derek. What you want to do is set a class for each row. The code above isn't that code, you are looking for something like this:

<font class="CategoriesList"><a href="home.php?cat={$c.categoryid}" class="VertMenuItems">{$c.category}</a></font><br />

Change the font tag to a div tag, and then you can define a background image for the CategoriesList class using this:

background: url(images/imagename.jpg);

Make sense?
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 02:16 PM.

   

 
X-Cart forums © 2001-2020