Need space between rows in Category page

[jund]

Tricia,

You cannot use the previous method suggested by me. However, you have built your website in a way that makes it easy to fix - at least on the home page.

The smart and people at ZEND CART have added a clear element between the rows: <br class="clearBoth" />

All you have to do is go to where the code is created by php for your home page - and add this little statement <br class="clearBoth" /> for each "Spacer" beneath each row.

How do you know where these rows and spacers belong? When php generates a page, it is sometimes difficult to find out exactly where to place things. An easy solution to finding the place is to use your browser, open the home page (for example) and then select "View" and "Source." This should open the browser page (the home page in your case) in NOTEPAD as a plain text file.

Simply save this file as a html file to your desktop or some folder. Name it (save as) home.html (so you do not screw up your home page).

Next open it in your web editing tool. Your tool should one that displays line numbers.

Your home page has the spacer <br class="clearBoth" /> located on line 131 or thereabouts. Now that you have located it, just find it on your website, and add another one just below it. Each one provides an additional space.

You have a really nice looking web site - you go girl!

Respectfully,

John Underwood

[jettrue]

Tricia,

You cannot use the previous method suggested by me. However, you have built your website in a way that makes it easy to fix - at least on the home page.

The smart and people at ZEND CART have added a clear element between the rows: <br class="clearBoth" />

All you have to do is go to where the code is created by php for your home page - and add this little statement <br class="clearBoth" /> for each "Spacer" beneath each row.

How do you know where these rows and spacers belong? When php generates a page, it is sometimes difficult to find out exactly where to place things. An easy solution to finding the place is to use your browser, open the home page (for example) and then select "View" and "Source." This should open the browser page (the home page in your case) in NOTEPAD as a plain text file.

Simply save this file as a html file to your desktop or some folder. Name it (save as) home.html (so you do not screw up your home page).

Next open it in your web editing tool. Your tool should one that displays line numbers.

Your home page has the spacer <br class="clearBoth" /> located on line 131 or thereabouts. Now that you have located it, just find it on your website, and add another one just below it. Each one provides an additional space.

You have a really nice looking web site - you go girl!

Respectfully,

John Underwood

Errr... Not to sure about what you've just described, but the easy way to do what she is asking is to add some padding to the itemTitle. TO do this, open up:

includes/templates/YOUR_TEMPLATE/css/stylesheet.css and change:

.itemTitle {
font-weight: lighter;
}

to

.itemTitle {
font-weight: lighter;
padding:5px 0 20px 0;
}

[temiamosu]

to add space between categories-products list, locate the file below:
templates/template_default/sideboxes/tpl_categories.php

locate '<br/>' on line 57, then add an extra <br/>(means down an extra line). So your final result would look like this '<br/><br/>'

hope this helps.. you can add to any line where you see '<br/>' for other categories. cheers

[Damn Kitten]

to add space between categories-products list, locate the file below:
templates/template_default/sideboxes/tpl_categories.php

locate '<br/>' on line 57, then add an extra <br/>(means down an extra line). So your final result would look like this '<br/><br/>'

hope this helps.. you can add to any line where you see '<br/>' for other categories. cheers

THANK YOU! This is just what I needed to separate all the products in my category listing!

[webbouk]

Here's a nice little change rather than adding an additional break

Rather than.....

Originally Posted by temiamosu
to add space between categories-products list, locate the file below:
templates/template_default/sideboxes/tpl_categories.php

locate '<br/>' on line 57, then add an extra <br/>(means down an extra line). So your final result would look like this '<br/><br/>'

hope this helps.. you can add to any line where you see '<br/>' for other categories. cheers

Instead, replace '<br/>' on line 57, with '<hr id="catBoxDivider" />'

Then find:
if (SHOW_CATEGORIES_SEPARATOR_LINK == '1') {
$content .= '<hr id="catBoxDivider" />' . "\n";

and change to:

if (SHOW_CATEGORIES_SEPARATOR_LINK == '1') {
$content .= ' ' . "\n";



This will space the categories out slightly and add a dividing line between then to make them stand out a bit more