Forest Path Template Support Thread

Hi Clyde
I have uploaded the links manger to the site
what do i need to change in the

admin panel

admin -> tools -> layout boxes contoller

what do I activate or turn on

sideboxes/forest_path/links_box.php

LEFT/RIGHT COLUMN off
Status

LEFT or RIGHT
COLUMN left

LEFT/RIGHT COLUMN
Sort Order 0

SINGLE COLUMN
Sort Order 0

SINGLE COLUMN
Status off

This appears if I turn on the the left/right column status, nothing happens if I turn on the single column status have I missed something that I still need to do to make it work

1146 Table 'cra0907505152168.zen_link_categories' doesn't exist
in:
[select lc.link_categories_id, lc.link_categories_sort_order, lcd.link_categories_id, lcd.link_categories_name from zen_link_categories lc, zen_link_categories_description lcd where lc.link_categories_status = '1' and lc.link_categories_id = lcd.link_categories_id and lcd.language_id = '1' order by lc.link_categories_sort_order, lcd.link_categories_name]

buster52:

Hi Clyde
I have uploaded the links manger to the site
what do i need to change in the

admin panel

admin -> tools -> layout boxes contoller

what do I activate or turn on

sideboxes/forest_path/links_box.php

LEFT/RIGHT COLUMN off
Status

LEFT or RIGHT
COLUMN left

LEFT/RIGHT COLUMN
Sort Order 0

SINGLE COLUMN
Sort Order 0

SINGLE COLUMN
Status off

This appears if I turn on the the left/right column status, nothing happens if I turn on the single column status have I missed something that I still need to do to make it work

1146 Table 'cra0907505152168.zen_link_categories' doesn't exist
in:
[select lc.link_categories_id, lc.link_categories_sort_order, lcd.link_categories_id, lcd.link_categories_name from zen_link_categories lc, zen_link_categories_description lcd where lc.link_categories_status = '1' and lc.link_categories_id = lcd.link_categories_id and lcd.language_id = '1' order by lc.link_categories_sort_order, lcd.link_categories_name]

The sidebox displays just like any other side box (decide which side (left/right) you want it to display on and set it up accordingly.

Make sure you've run the install_links_manager.sql

BTW - please use the following thread for further postings about Links Manager

Hi Clyde
Is there a way of turning of the banner box at the bottom of the page

buster52:

Hi Clyde
Is there a way of turning of the banner box at the bottom of the page

Not template specific... but,

Use the banner manager to turn it off

admin -> tools -> banner manager

Clyde, Awesome Template!
I've just about got this ready to move to the permanent domain and found a problem.
All is good accept my Categories box isn't expanding. It appears that my categories are overlaying the original box, any ideas on how I can fix this?
http://precisionmicrobearing.com/zen

I am going to comment out the background color in the Better cats. css so you can see what I am talking about.
Thanks
Will
My .css

/**
 * Forest Path Template CSS Stylesheet
 * Author Clyde Jones Copyright 2008 
 *
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */

body {
	margin: 5px 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #460b0e;
	/*background: #7a1316; */
	/*background: url(../images/inside-17.gif)*/
	}
	
/* Forest Path Template Layout*/
	/*BOF Main Wrapper - Wraps the contents of the layout*/	
#mainWrapper {
margin: 0 auto;
	background-color: #ffffff;
	text-align: left;
	width: 960px;
	vertical-align: top;
	}
	/*EOF Main Wrapper*/
	/*BOF Header layout*/	
#headerWrapper {
	margin: 0;
	padding: 0;
	}
	/*BOF Branding*/	
#logoWrapper{
	background-color: #460b0e;
	height:175px;
	width:100%;
	position: relative;
	top: 0;
	left: 0;
	}
#logo {
float:left;
	/*text-align: center;*/
	}
#logoWrapper a:hover {
background: transparent;	
}
#navMainSearch {
position:absolute;
top: 5px;
right: 10px;
}

#taglineWrapper {
	text-align: center;
	height: 30px;
	width: 300px;
	position: absolute;
	top: 5px;
	left: 250px;
}
#tagline {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	}
.date {
	position: absolute;
	top: 60px;
	right: 10px;
	font-weight: bold;
	text-align: right;
	font-size: 1.2em;
	line-height:normal;
}	
	/*EOF Branding*/
	
/*BOF navigation*/		
	/*BOF top main navigation*/		
#navMainWrapper {
	margin: 0 auto;
	padding: 0;
	/*background: url(../images/nav_tab.gif) repeat-x;*/
   font-size:1.2em;
	font-weight: bold; 
   width:100%;
	height:24px;
	}
#navMain {
   margin:0;
   padding: 0;
}		
#navMain ul  {
   margin:0;
   padding: 5px 10px 0 10px;
   list-style: none;
	}
#navMain ul li {
   margin:0;
   padding: 0;
   display:inline;
	}	
#navMain ul li a {
   margin:0;
   padding: 0 5px 0 4px;
   float:left;
   background: url(../images/tableft.gif) no-repeat left top;
   color:#854401;
   text-decoration:none;
	}
#navMain ul li a span {
   display:block;
   background: url(../images/tabright.gif) no-repeat right top;
   padding:2px 14px 2px 5px;
   color:#000000;
   }
#navMain ul li a:hover {
   background-position:0% -42px;
   }
#navMain ul li a:hover span {
   padding:2px 14px 2px 5px;
   background-position:100% -42px;
   }
#navMain ul li.contact a {
   margin:0;
   padding: 0 5px 0 4px;
   float:left;
   background: url(../images/tableft.gif) no-repeat left top;
   color:#000000;
   text-decoration:none;
	}
#navMain ul li.contact a span {
   display:block;
   background: url(../images/tabright.gif) no-repeat right top;
   padding:2px 14px 2px 5px;
   color:#000000;
   }
#navMain ul li.contact a:hover {
   background-position:0% -42px;
   }
#navMain ul li.contact a:hover span {
   padding:2px 14px 2px 5px;
   background-position:100% -42px;
   }	
#navMain ul li.account a {
   margin:0;
   padding: 0 5px 0 4px;
   float:left;
   background: url(../images/tableft.gif) no-repeat left top;
   color:#854401;
   text-decoration:none;
	}
#navMain ul li.account a span {
   display:block;
   background: url(../images/tabright.gif) no-repeat right top;
   padding:2px 14px 2px 5px;
   color:#000000;
   }
#navMain ul li.account a:hover {
   background-position:0% -42px;
   }
#navMain ul li.account a:hover span {
   padding:2px 14px 2px 5px;
   background-position:100% -42px;
   }	
#navMain ul li.cart a {
   margin:0;
   padding: 0 5px 0 4px;
   float:left;
   background: url(../images/tableftcart.gif) no-repeat left top;
   color:#FFF;
   text-decoration:none;
	}
#navMain ul li.cart a span {
   display:block;
   background: url(../images/tabrightcart.gif) no-repeat right top;
   padding:2px 14px 2px 5px;
   color:#FFF;
   }
#navMain ul li.cart a:hover {
   background-position:0% -42px;
   color:#FFF;
   }
#navMain ul li.cart a:hover span {
   padding:2px 14px 2px 5px;
   background-position:100% -42px;
   color:#FFF;
   }
#navMain ul li.current a {
   background-position:0% -42px;
   }
#navMain ul li.current a span {
   padding:2px 14px 2px 5px;
   background-position:100% -42px;
   }
#navMain ul li.cart .current a {
   background-position:0% -42px;
   }
#navMain ul li.cart .current a span {
   padding:2px 14px 2px 5px;
   background-position:100% -42px;
   }	/*EOF top main navigation*/		

	/*BOF top horizontal Category navigation and EZpages navigation*/		
#navCatTabsWrapper, #siteinfoIP {
	display:none;
	}
/*#siteinfoIP {
	font-size: 0.9em;
	}		
#navCatTabsWrapper {
	margin: 0 auto;
	padding: 0;
	background: url(../images/cat_nav_tab.gif) repeat-x;
	font-size: 0.95em;
	font-weight: bold;
	color: #8A6241;
	height: 24px;
   width:845px;
	}		*/
#navCatTabs ul {
	margin: 0;
	padding: 0.5em 0.5em 0em 0.5em;
	list-style-type: none;
	}
#navCatTabs ul li {
	display: inline;
	}
#navCatTabs ul li a {
	margin: 0;
	padding: 0 0.5em 0 0.5em;
	text-align: left;
	text-decoration: none;
	color: #000000;
	white-space: nowrap;
	}
#navCatTabs ul li a:hover {
	color: #854401;
	background: #d6dfdf;
}

#navEZPagesTop {
	margin: 0 auto;
	padding: 0.5em 0;
	background: url(../images/ez_nav_tab.gif) repeat-x;
   width:845px;
	height:24px;
	line-height: normal;
	text-align: center;
	font-size: 0.95em;
	font-weight: bold;
	color: #854401;
	}
#navEZPagesTop a {
	padding: 0 0.5em 0 0.5em;
	color: #854401;
} 
#navEZPagesTop a:hover {
	background: #d6dfdf;
}
	/*EOF top horizontal category navigation and EZpages navigation*/		
/*EOF navigation*/		

/*BOF center content wrapper*/		
#contentMainWrapper {
	margin: 0em;
	padding: 0em;
	}
	
	/*BOF center column content*/	
#contentColumnMain {
	vertical-align: top;
	}
#navBreadCrumb {
   margin: 10px auto 0 auto;
	padding: .5em;
	background: url(../images/breadcrumb.gif) no-repeat;
	font-size: 0.95em;
	font-weight: bold;
	width: 575px;
	}
#navBreadCrumb a {
	color: #7a1316;
}
#navBreadCrumb a:hover {
	background: #ffffff;
}
.centerColumn {
margin: 0 auto/*5px 0 5px*/;
	padding: 1em;
	font-size: 1.2em;
	width: 550px;
	}
.centerBoxWrapper {
	border: 1px solid #904C01;
	height: 1%;
	margin: 1.1em 0;
	}
.centerBoxHeading {
	margin: 0;
	background: url(../images/tile_back.gif) repeat-x;
	padding: 0.5em 0.2em;
	}
h2.centerBoxHeading {
	font-size: 1.2em;
	color: #904C01;
	font-weight: bold;
	}	
	/*EOF center column content*/	
/*BOF right and left sidebox wrappers*/		
#navColumnOne, #navColumnTwo {
	vertical-align: top;
	font-size: 1em;
	}
#navColumnOneWrapper, #navColumnTwoWrapper {
	margin: auto;
	} 
#navColumnOneWrapper {
	margin-left: 10px;
	margin-right: 0.5em;
	}
#navColumnTwoWrapper {
	margin-left: 0.5em;
	margin-right: 10px;
	}
/*BOF right and left sidebox containers*/
/*sideboxes*/
.columnLeft {}
.leftBoxContainer {
	/*margin: 0 10px 10px 0;*/
	margin: 0 auto;
	background: url(../images/sidebox_content.gif);
	}
#categories{
	margin: 1.5em 10px 10px 0;
}	
.rightBoxContainer {
	/*margin: 0 40px 10px 0;*/
	margin: 0 auto;
	background: url(../images/sidebox_content.gif);
	
	}
#categoriesHeading {
	margin: 0;
	background: url(../images/sidebox_header_bg.gif);
	padding: 0.5em 0.2em;
font-weight: bold;	
}
.leftBoxHeading, .rightBoxHeading {
	margin: 0em;
	background: url(../images/sidebox_header_bg.gif) no-repeat;
	padding: 0.5em 0.2em;
	color: #000099;
font-weight: bold;	
}
h3.leftBoxHeading, h3.rightBoxHeading {
	font-size: 1.2em;
	line-height: normal;
	}
h3#categoriesHeading {
	font-size: 1.2em;
	/*color: #506303*/;
	line-height: normal;
}
h3.leftBoxHeading label, h3.rightBoxHeading label {
	font-size: 1em;
	/*color: #506303*/;
	line-height: normal;
	}
h3.leftBoxHeading a, h3.rightBoxHeading a {
	color: #000000;
	}
h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #000099;
	text-decoration: none;
	} 
.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: #506303;
	}
#categoriesContent{
margin: 0;
padding: 0.4em 0.4em 10px 0.4em;
background: url(../images/sideboxbottom.gif);
	background-repeat:repeat-x;
	/*background-position:bottom;*/
color: #3300FF;
font-weight:bold;
}
#categoriesContent a {
padding: 0 0 .4em .5em;
	color: #000000;
}
#categoriesContent a:hover {
	color: #f91700;
}
.sideBoxContent {
   margin: 0;
   padding: 0.4em 0.4em 2.5em 0.4em;
	background: url(../images/sideboxbottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

	/*EOF right and left sidebox containers*/		
/*EOF right and left sidebox wrapper*/		

/*BOF bottom navigation*/
#navSuppWrapper {
	margin: 0 auto;
	background: url(../images/sup_nav_tab.gif) repeat-x;
	padding: 0;
	font-weight: bold;
	color: #8A6241;
	height: 24px;
   width:845px;
	}	
#navSupp ul {
	margin: 0;
	padding: 0.5em 0.5em 0em 0.5em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}
#navSupp ul li {
	display: inline;
	}
#navSupp ul li a {
	margin: 0;
	padding: 0 0.5em 0 0.5em;
	text-decoration: none;
	color: #854401;
	white-space: nowrap;
	}
#navSupp ul li a:hover {
	color: #854401;
	background: #E6F0F0;
}	
/*EOF bottom navigation*/


/*BOF Product Listing Display*/

.productListing-rowheading, tr.tableHeading {
	background: url(../images/tile_back.gif);
	height: 2em;
	color: #814639;
	}
.productListing-heading {
font-weight:700;
font-size:1em;
}
#productListing {
background: transparent;
}
.productListing-even .productListing-data, .productListing-odd .productListing-data {
padding: 3px 0;
color: #000080;
}

h3.itemTitle {
	font-size: 1.25em;
	font-weight: bold;
}
.productListing-data a {
	color: #854401;	
}
.productListing-data a:hover {
	color: #854401;
}
.productListing-even {
color:#000080;
background: #e8edcb;
}
.productListing-odd {
color:#000080;
}
#productsListingTopNumber, #productsListingListingTopLinks, #productsListingBottomNumber, #productsListingListingBottomLinks {
	padding: 10px 0;
}
/*EOF Product Listing Display*/

/*BOF Product Info Display*/
.categoryIcon {}
.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}
.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}
.attributesComments {}
h3#attribsOptionsText, h3.attributesComments {
	font-size: 1.25em;
}
h4.optionName {
	line-height: normal;
	padding: 0 0 0.2em 0;
	font-size: 1.1em
}
h4.optionName label {
		line-height: normal;
	font-size: 1em
}
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}
/*EOF Product Info Display*/


a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	color: #854401;
	text-decoration: none;
font-weight: bold;
	}
 
a:visited {
	color: #854401;
	text-decoration: none;
font-weight: bold;
	}

a:hover, #navEZPagesTOC ul li a:hover {
	color: #854401;
	background: #E7D9BC;
font-weight: bold;
	}

a:active {
	color: #854401;
font-weight: bold;
	}

h1 {
	font-size: 1.5em;
	color: #854401;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, h5, h6, LABEL, LEGEND, ADDRESS, .larger{
	font-size: 1.1em;
	}
.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0;
	}

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
*html .centerColumn {
	height: 1%;
	}
*/

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	vertical-align: middle;
	}

TEXTAREA {
	margin: auto;
	display: block;
	width: 95%;
	}

input:focus, select:focus, textarea:focus {
	background: #ffffff;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #000080;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	color: #000080;
	}

LABEL {
	line-height: 1.5em;
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}
LABEL.inputLabel {
	width: 9em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width: 11em;
	float: left;
	}

#checkoutPayment LABEL.radioButtonLabel {
	font-weight: bold;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #FFFFCB;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #9a9a9a;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}

/*wrappers - page or section containers*/

#cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}



#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}


#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #9a9a9a;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}




/*The main content classes*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

/*.content,*/ .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
	}
#productDescription {
margin:0;
padding:0 0 2px 0;
line-height:1.3em;
}
#productDescription ul {
margin:0;
padding:0;
display:block;	
}
#productDescription  ul li {
margin-right:2px;
padding:2px 0 2px 17px;
list-style: none;
font-size: 1.1em;
}
.tick  {
background: url(../images/tick.png) left center no-repeat;
height:16px;
}
.new  {
background: url(../images/new.png) left center no-repeat;
height:16px;
}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	padding: 0.8em;
	}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus {
	font-size: 0.9em;
	}

#siteinfoLegal {
	padding: 5px 0 5px 0;
}
#siteinfoLegal a {
	padding: 0 0.5em 0 0.5em;
	color: #854401;
	font-weight:bold;
}
#siteinfoLegal a:hover {
	color: #854401;
	background: #E6F0F0;
}
/*Shopping Cart Display*/

.tableHeading TH {
	border-bottom: 1px solid #9a9a9a;
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	background: url(../images/nav_tab.jpg) repeat-x;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
	padding: 0.5em 0em;
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
	width: 50%; 
	margin: 0.2em;
	padding: 0.5em;
	background-color: #E4FEf5;
	border: 1px solid #003D00;
	}
.mediaTitle {
	float: left;
	}
.mediaTypeLink {
	float: right;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	list-style-type: none;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
	}

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	}


#cartImage {
	margin: 0.5em 1em;
	}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading {
	background-color: none;
}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}


/*misc*/
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right; 
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #e8edcb;
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}


#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background: url(../images/popup_bg.gif) #ffffff;
	}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
	}

.seDisplayedAddressLabel {
	background-color:#85C285;
	text-align: center;
	}
.seDisplayedAddressInfo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
#seShipTo {
	padding: 0.2em;
	}
#indexCategoriesMainContent a img {
	text-align: center;
}

Would also like to change the date font color to ffffff, where?
Thanks Again!

wiley0717:

Clyde, Awesome Template!
I've just about got this ready to move to the permanent domain and found a problem.
All is good accept my Categories box isn't expanding. It appears that my categories are overlaying the original box, any ideas on how I can fix this?
http://precisionmicrobearing.com/zen

I am going to comment out the background color in the Better cats. css so you can see what I am talking about.
Thanks
Will
My .css

Find this declaration in stylesheet.css and delete the highlighted portion(s)

#categoriesContent{
margin: 0;
padding: 0.4em 0.4em 10px 0.4em;
background: url(../images/sideboxbottom.gif);
background-repeat:repeat-x;
/background-position:bottom;/

wiley0717:

Would also like to change the date font color to ffffff, where?
Thanks Again!

find the following in stylesheet.css and add the highlighted portion

.date {
position: absolute;
top: 60px;
right: 10px;
font-weight: bold;
text-align: right;
font-size: 1.2em;
line-height:normal;
color:#ffffff;
}

Hi Clyde,

All of my customers who have tested/used my site have asked me to change the product info layout as my images were too small...

Im happy on the styleshhet changes but on the file:

tpl_product_info_display.php (which you helped me with before Im confused!

I have layed my page out how I want, but the red text I want to span across the page, Do I just need to add a couple of lines of code to tell the text to use the whole page after the picture?

I have tried to resolve this on the layout board, but as yet no joy.

http://www.realfairtrade.com/index.php?main_page=product_info&cPath=76&products_id=316

Thanks,

Steve

stiggy100:

Hi Clyde,

All of my customers who have tested/used my site have asked me to change the product info layout as my images were too small...

Im happy on the styleshhet changes but on the file:

tpl_product_info_display.php (which you helped me with before Im confused!

I have layed my page out how I want, but the red text I want to span across the page, Do I just need to add a couple of lines of code to tell the text to use the whole page after the picture?

I have tried to resolve this on the layout board, but as yet no joy.

http://www.realfairtrade.com/index.php?main_page=product_info&cPath=76&products_id=316

Thanks,

Steve

open includes/templates/forest_path/templates/tpl_product_info_display.php

The section you'll want to deal with is here:
This is from the view source of the page so you'll need to double check exactly where it is in the template file.
move the highlighted section to below the br clearBoth / declaration

<div id="productDescriptionBox">

<!--bof Product details list --> </div> </div> <br class="clearBoth" />

move the highlighted section to here.

Hi Clyde, I made those changes but it hasnt made a difference to the text...

Here is my actual code:

<!--eof Product Price block --> <!--bof Add to Cart Box --> <div id="productBuyBox"> <!--bof Product description --> <?php if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') { // do nothing } else { ?> <?php $display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : ''); if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) { // hide the quantity box and default to 1 $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT); } else { // show the quantity box $the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT); } $display_button = zen_get_buy_now_button($_GET['products_id'], $the_button); ?> <?php if ($display_qty != '' or $display_button != '') { ?> <div id="cartAdd"> <?php echo (($flag_show_product_info_quantity == 1) ? TEXT_PRODUCT_QUANTITY . $products_quantity : '') . '<br />'; ?> <?php echo $display_qty; echo $display_button; ?> </div> <?php } // display qty and button ?> <?php } // CUSTOMERS_APPROVAL == 3 ?> </div> <br class="clearBoth" /> <div id="productDescriptionBox"> <?php if ($products_description != '') { ?> <div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div> <?php } ?> <!--eof Product description --> <br class="clearBoth" /> <!--bof Product details list --> <?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?> <ul id="productDetailsList" class="floatingBox back"> <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?> <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT . $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>' : '') . "\n"; ?> <!-- <?php // echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>' : '') . "\n"; ?> --> <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?> </ul> <?php } ?> </div> </div> <br class="clearBoth" /> <!--eof Add to Cart Box-->

Have I inputted it incorrectly?

Thanks

stiggy100:

Hi Clyde, I made those changes but it hasnt made a difference to the text...

Here is my actual code:

<!--eof Product Price block --> <!--bof Add to Cart Box --> <div id="productBuyBox"> <!--bof Product description --> <?php if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') { // do nothing } else { ?> <?php $display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : ''); if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) { // hide the quantity box and default to 1 $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT); } else { // show the quantity box $the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT); } $display_button = zen_get_buy_now_button($_GET['products_id'], $the_button); ?> <?php if ($display_qty != '' or $display_button != '') { ?> <div id="cartAdd"> <?php echo (($flag_show_product_info_quantity == 1) ? TEXT_PRODUCT_QUANTITY . $products_quantity : '') . '<br />'; ?> <?php echo $display_qty; echo $display_button; ?> </div> <?php } // display qty and button ?> <?php } // CUSTOMERS_APPROVAL == 3 ?> </div> <br class="clearBoth" /> <div id="productDescriptionBox"> <?php if ($products_description != '') { ?> <div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div> <?php } ?> <!--eof Product description --> <br class="clearBoth" /> <!--bof Product details list --> <?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?> <ul id="productDetailsList" class="floatingBox back"> <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?> <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT . $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>' : '') . "\n"; ?> <!-- <?php // echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>' : '') . "\n"; ?> --> <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?> </ul> <?php } ?> </div> </div> <br class="clearBoth" /> <!--eof Add to Cart Box-->

Have I inputted it incorrectly?

Thanks

Try this
I think I've got it where it belongs

<!--eof Product Price block --> <!--bof Add to Cart Box --> <div id="productBuyBox"> <!--bof Product description --> <?php if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') { // do nothing } else { ?> <?php $display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : ''); if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) { // hide the quantity box and default to 1 $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT); } else { // show the quantity box $the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT); } $display_button = zen_get_buy_now_button($_GET['products_id'], $the_button); ?> <?php if ($display_qty != '' or $display_button != '') { ?> <div id="cartAdd"> <?php echo (($flag_show_product_info_quantity == 1) ? TEXT_PRODUCT_QUANTITY . $products_quantity : '') . '<br />'; ?> <?php echo $display_qty; echo $display_button; ?> </div> <?php } // display qty and button ?> <?php } // CUSTOMERS_APPROVAL == 3 ?> </div> <br class="clearBoth" /> </div> <div id="productDescriptionBox"> <?php if ($products_description != '') { ?> <div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div> <?php } ?> <!--eof Product description --> <br class="clearBoth" /> <!--bof Product details list --> <?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?> <ul id="productDetailsList" class="floatingBox back"> <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?> <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT . $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>' : '') . "\n"; ?> <!-- <?php // echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>' : '') . "\n"; ?> --> <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?> </ul> <?php } ?> </div> <br class="clearBoth" /> <!--eof Add to Cart Box-->

It has had the desired effect, but has prevented the text from being next to the picture too...

http://www.realfairtrade.com/index.php?main_page=product_info&cPath=76&products_id=316

Sorry to be a pain Clyde Im out of my depth here!

Cheers,

Steve

stiggy100:

It has had the desired effect, but has prevented the text from being next to the picture too...

http://www.realfairtrade.com/index.php?main_page=product_info&cPath=76&products_id=316

Sorry to be a pain Clyde Im out of my depth here!

Cheers,

Steve

You might want to try changing the width of the #mainWrapper in the stylesheet.css to 90%
#mainWrapper {
margin: 0 auto;
background: url(../images/wrapper_bg.jpg);
text-align: left;
width: 90%;
vertical-align: top;
}

and then move the product description section back to the original position.

Morning!

I have moved the code back to the original and changed the width but still no joy. Just to make 100% sure you know exactly what I'm trying to achieve I have re-written the text on the page to explain as sometimes I really don't explain myself too well.

http://www.realfairtrade.com/index.php?main_page=product_info&cPath=76&products_id=316

I would be happy to private message you my host login if you feel that would help in any way!

Cheers

stiggy100:

Morning!

I have moved the code back to the original and changed the width but still no joy. Just to make 100% sure you know exactly what I'm trying to achieve I have re-written the text on the page to explain as sometimes I really don't explain myself too well.

http://www.realfairtrade.com/index.php?main_page=product_info&cPath=76&products_id=316

I would be happy to private message you my host login if you feel that would help in any way!

Cheers

First try changing the #mainWrapper width to 90% as I indicated in my previous post

Apologies...

I modified the file but don't think it saved for whatever reason... (such as me not clicking 'save')

Doesn't seem to have fixed it...

stiggy100:

Apologies...

I modified the file but don't think it saved for whatever reason... (such as me not clicking 'save')

Doesn't seem to have fixed it...

Try this and see if its more or less what you're trying to achieve

Here is my actual code:

<!--eof Product Price block --> <!--bof Add to Cart Box --> <div id="productBuyBox"> <!--bof Product description --> <?php if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') { // do nothing } else { ?> <?php $display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : ''); if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) { // hide the quantity box and default to 1 $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT); } else { // show the quantity box $the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT); } $display_button = zen_get_buy_now_button($_GET['products_id'], $the_button); ?> <?php if ($display_qty != '' or $display_button != '') { ?> <div id="cartAdd"> <?php echo (($flag_show_product_info_quantity == 1) ? TEXT_PRODUCT_QUANTITY . $products_quantity : '') . '<br />'; ?> <?php echo $display_qty; echo $display_button; ?> </div> <?php } // display qty and button ?> <?php } // CUSTOMERS_APPROVAL == 3 ?> </div> <br class="clearBoth" /> <div id="productDescriptionBox"> <!--eof Product description --> <br class="clearBoth" /> <!--bof Product details list --> <?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?> <ul id="productDetailsList" class="floatingBox back"> <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?> <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT . $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>' : '') . "\n"; ?> <!-- <?php // echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>' : '') . "\n"; ?> --> <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?> </ul> <?php } ?> </div> <?php if ($products_description != '') { ?> <div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div> <?php } ?> </div> <br class="clearBoth" /> <!--eof Add to Cart Box-->

Still doesn't seem to be getting it...

Always happens this way, you think your finished then the biggest snag Ive had the whole time comes along...

stiggy100:

Still doesn't seem to be getting it...

Always happens this way, you think your finished then the biggest snag Ive had the whole time comes along...

We appear to be getting out of the realm of fixing a template problem into that of creating modifications for a product info page.