Better Categories Contrib & ezpages

Information.php is for the information sidebox.
You need 2 files for this sidebox as per the notes

Information sidebox:
includes/modules/sideboxes/YOUR_TEMPLATE/information.php
includes/templates/YOUR_TEMPLATE/sideboxes/tpl_information.php

As well you will need:
includes/templates/YOUR_TEMPLATE/css/stylesheet_betterCategoriesEzInfo.css
and the images in
includes/templates/YOUR_TEMPLATE/images/

Cool - that's what I've done.

I'll have to wait until Monday to get my file permissions changed so I can see the result. Fingers crossed.

Thanks for your help. :thumbsup:

gilby:

I'm not sure what you are after!! :unsure:

If you have already achieved the look that you want in your store you must now how you got it that way.

I must need more sleep, could you please explain again what you want to change about the way the categories already work on your site?
I'm after not having background on the subcategories buttons.

I have it already but on version 1.2+ and I didn't use better categories, I used the css but I can't achive it now with the changes of the new version.

ideasgirl:

I'm after not having background on the subcategories buttons.

I have it already but on version 1.2+ and I didn't use better categories, I used the css but I can't achive it now with the changes of the new version.

Here is a start, goes in
includes/templates/YOUR_TEMPLATE/sideboxes/tpl_categories.php

Exactly what I needed.

Thanks! :thumbsup:

gilby:

Information.php is for the information sidebox.
You need 2 files for this sidebox as per the notes

Information sidebox:
includes/modules/sideboxes/YOUR_TEMPLATE/information.php
includes/templates/YOUR_TEMPLATE/sideboxes/tpl_information.php

As well you will need:
includes/templates/YOUR_TEMPLATE/css/stylesheet_betterCategoriesEzInfo.css
and the images in
includes/templates/YOUR_TEMPLATE/images/

NEONTETRA:

Cool - that's what I've done.

I'll have to wait until Monday to get my file permissions changed so I can see the result. Fingers crossed.

Thanks for your help. :thumbsup:

Oh well - I might have known that wouldn't have worked. Can anyone help out as to why these changes haven't worked?

http://www.morlandsglastonbury.com/shop/

NEONTETRA:

Oh well - I might have known that wouldn't have worked. Can anyone help out as to why these changes haven't worked?

http://www.morlandsglastonbury.com/shop/

Whats the problem????
It seems to be working fine!
Have you cleared your cache?

Thanks Gilby - with some trial and error I seem to have resolved the problem.

Ok, I have just installed it and it seems to be working fine except that the bar doesn't stretch accross the whole cell. Ideally I want a 2 px margin either side of the cell, but I would settle for it being 100% of the cell. I know this is possible because I have seen it on pretty much every other site which has implemented this addon. I think that there is something wrong with my site...

Hope someone can help me. :-)

gilby:

Adjustable spacing between images and text.

How do I use this feature? I can't find anything about it although I could have overlooked it.

Edit: Never mind - found the $spacer line in the template file.

I believe I'm referencing the same issue as the dude two posts above mine. I just recently (3 minutes ago) implemented bettercategories on my shopping cart and I've got a question or two.

If you direct your browser to My Cart, you'll probably notice a slim vertical line of white on the left-hand side of my categories box. Also, a larger block of white at the top. How do I get rid of these?

Thanks!

PS - If that's not possible, alternatively is there any way of creating a matching slim line on the left side of my categories box?

Having solved the horizontal issue, how do you apply vertical alignment to the image? Or text - I just want to have them aligned with the middle of my image at the middle of my text.

I had the same question before, but it is kind of a bugger because you have an image tag sitting next to text so this will pose a problem.

Two thoughts:

1. add the image as a background image and position it to the left and vertically where you want it, and then wrap the category text in a div or span and position where you would like.

2. Wrap the image and the text in two seperate div so you can move them independantly of each other.

I think your best bet is to put the image as a background. This is the best practice for css based layouts IMHO.

On second thought putting the image in the background won't work with the way this mod is currently written. If it was rewritten so that instead of changing the image when there are subcategories, it changes the "class" instead of the picture it would work. I don't believe it would be too hard to do.

So where exactly do I find the code where the image is added?

Sorry, my explanation didn't really explain HOW to do fix it cause I don't know how, just in theory. The images and the divs that are created are defined in the tpl files I believe.

Having solved the horizontal issue, how do you apply vertical alignment to the image? Or text - I just want to have them aligned with the middle of my image at the middle of my text.
What I did was played with the padding and line height until got it as wanted.

With BetterCategories, I can't seem to get the bottom portion of my categories side box to show: See My Site

Notice the bottom image in all the other side boxes, except the categories.

How can I fix that so all the side boxes match?

Thanks.

Nit picky, but suffiently annoying thing. On my cart, you can see that each category is separated by (what should be) a 1 pixel black line. This is true in Firefox, but, of course, not IE. Internet Explorer has a different idea of what a pixel should be, and so it displays a line about 3-4 pixels instead. It looks bad, any ideas?

cfe:

Nit picky, but suffiently annoying thing. On my cart, you can see that each category is separated by (what should be) a 1 pixel black line. This is true in Firefox, but, of course, not IE. Internet Explorer has a different idea of what a pixel should be, and so it displays a line about 3-4 pixels instead. It looks bad, any ideas?

In Your BetterCategoriesEzInfo.css you have tried to comment out a line by using "//" it appears to work in firefox but IE ignores it.

change```
.betterCategories a, .betterCategories a:visited,
.betterDocuments a, .betterDocuments a:visited,
.betterEzpages a, .betterEzpages a:visited,
.betterInformation a, .betterInformation a:visited,
.betterMoreinformation a, .betterMoreinformation a:visited,
.betterBestsellers a, .betterBestsellers a:visited {
display: block;
background-color: #a2173e;
color: #ffffff;
//border-top: 2px solid #000000;
padding: 3px;
}

to```
.betterCategories a, .betterCategories a:visited,
.betterDocuments a, .betterDocuments a:visited,
.betterEzpages a, .betterEzpages a:visited,
.betterInformation a, .betterInformation a:visited,
.betterMoreinformation a, .betterMoreinformation a:visited,
.betterBestsellers a, .betterBestsellers a:visited {
	display: block;
	background-color: #a2173e;
	color: #ffffff;
/*	border-top: 2px solid #000000; */
	padding: 3px;
}

or delete this line.