Zen Cart Logo
Forums / Setting Up Categories, Products, Attributes / Where is the Categoties left box source code?

Where is the Categoties left box source code?

Views: 757

Results 1 to 4 of 4
23 Jan 2012, 3:04 PM
#1
x_bumble avatar

x_bumble

New Zenner

Join Date:
Apr 2008
Posts:
45
Plugin Contributions:
0

Where is the Categoties left box source code?

Can someone please tell me how I can either get access to the source code for the left hand side Categories panel, or how I can overwrite one?

I need to add a rounded box to the bottom of the category so need access to the HTML.

Any help is really appreciated :smile:

23 Jan 2012, 3:11 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Where is the Categoties left box source code?

Actually, you don't need access to the HTML in /includes/templates/your_template/sideboxes/tpl_categories.php; all you need to do is add custom styling to the existing sidebox elements with CSS.

Add these rules to your stylesheet and use whatever properties you need, such as padding: and background-image: or if you don't need to support old IE versions border-radius:

#categories {}
#categoriesContent {}

24 Jan 2012, 8:31 AM
#3
x_bumble avatar

x_bumble

New Zenner

Join Date:
Apr 2008
Posts:
45
Plugin Contributions:
0

Re: Where is the Categoties left box source code?

Hi there,

Thanks for the URL. In fact css will not solve my problem on it's own. I am not using HTML5 on this project so I need to add a new div to hold the rounded corner png file.

:smile:

24 Jan 2012, 2:43 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Where is the Categoties left box source code?

Border-radius is not HTML5; It has been a valid CSS property for many years, but is only now feasible to use because IE9 and newer finally support it.

You also don't need to add a new div to use a bottom rounded corners image. Put the rounded file as background-image for the #categories container with padding-bottom to clear the content up from the curves, then give the borders to left and right of #categoriesContent. Problem solved without touching PHP files.