Forest Path Template Support Thread

Designed for Zen Cart version 1.3.8.

Features:
Fixed width 3 column display
Colors: Styled in Tan, Green and Blue.
Customized button set included.
Per-page CSS stylesheets to style individual pages.
Better Categories Sidebox installed.
Order Steps (Tableless) installed.
Date displayed in the header.
Re-designed Login page included.
Tested using Firefox, IE7, Opera, Safari.

Now available in the downloads section

Screen Shot

[Attachment no longer available]

http://www.sweetiepiebabygifts.com/store/ Clyde, can you take a look and tell me what to alter in my stylesheet to move the categories box down so that it does not overlap the header tabs? Thanks!

Doodlebuckets:

http://www.sweetiepiebabygifts.com/store/ Clyde, can you take a look and tell me what to alter in my stylesheet to move the categories box down so that it does not overlap the header tabs? Thanks!

Find the following in the stylesheet.css and make the highlighted change

#categories{
margin: 1.5em 10px 10px 0;
}

Hope that helps

I've added a link in the header and now the issue is the left tabs are obscured a bit http://www.sweetiepiebabygifts.com/
Thanks Clyde :)

Doodlebuckets:

I've added a link in the header and now the issue is the left tabs are obscured a bit http://www.sweetiepiebabygifts.com/
Thanks Clyde :)

I only see the original 5 links ( home, login/register, contact us, my account, view cart) and everything seems normal.

Hmmm, on my screen, the home and login tabs are 1/2 obscured by the bar just below them...

Doodlebuckets:

Hmmm, on my screen, the home and login tabs are 1/2 obscured by the bar just below them...

FF - looks fine
Opera - looks fine
Safari - looks fine
Chrome - looks fine

IE7 - :censored: I'll play with it and see if I can work out a solution.

clydejones:

FF - looks fine
Opera - looks fine
Safari - looks fine
Chrome - looks fine

IE7 - :censored: I'll play with it and see if I can work out a solution.

Amy,

check and see if there is an ie-stylesheet.css

if so just delete the following declarations

#navMain ul {
margin: 0;
padding: 0.5em 0.5em 0.2em 0.5em;
list-style-type: none;
text-align: center;
/font-size: 1.1em;
line-height: 1.5em;/
}
#navMain ul li {
margin: 0;
padding: 0 0 0 9px;
background: url(../images/left.gif) no-repeat left top;
display: inline;
}
#navMain ul li a {
padding: 5px 15px 3px 6px;
background: url(../images/right.gif) no-repeat right top ;
text-decoration: none;
color: #854401;
white-space: nowrap;
}
#navMain ul li a:hover {
padding: 5px 15px 3px 6px;
background: url(../images/right_on.gif) no-repeat right top;
color: #854401;
}
#navMain ul li.viewCart {
padding: 0 0 0 9px;
background: url(../images/sleft.gif) no-repeat left top;
display: inline;
}
#navMain ul li.viewCart a {
padding: 5px 15px 3px 6px;
background: url(../images/sright.gif) no-repeat right top ;
text-decoration: none;
color: #854401;
white-space: nowrap;
}
#navMain ul li.viewCart a:hover {
padding: 5px 15px 3px 6px;
background: url(../images/sright_on.gif) no-repeat right top ;
color: #854401;
}

Nothing left in the ie stylesheet now! But the tabs are fixed...thanks Clyde! I'm with ya on IE. Not my favorite browswer but it's what so many people use...

Doodlebuckets:

Nothing left in the ie stylesheet now! But the tabs are fixed...thanks Clyde! I'm with ya on IE. Not my favorite browswer but it's what so many people use...

Glad it got sorted.

Hi,

I have finally worked out how to upload Zen from my local machine to work on my server, so now want to concentrate on getting my site functional and tidy...

I have used a template (Clyde Jones - Forest Path) but am having real trouble with the tabs at the top of the page...

"Home' 'Log/In' 'Checkout' etc etc The home and log in seem to sit premanently below the others and the others move level when you hover the mouse above them. Its all a bit messy and I want to tidy it up a bit

I would really like them to all be fixed and actually above the page header/logo at the top of the page... Have tried to find it in Firefox Web Developer but to no avail... Any help would be very appreciated,

Steve

https://www.realfairtrade.com
Version 1.3.8

Stiggy:

Hi,

I have finally worked out how to upload Zen from my local machine to work on my server, so now want to concentrate on getting my site functional and tidy...

I have used a template (Clyde Jones - Forest Path) but am having real trouble with the tabs at the top of the page...

"Home' 'Log/In' 'Checkout' etc etc The home and log in seem to sit premanently below the others and the others move level when you hover the mouse above them. Its all a bit messy and I want to tidy it up a bit

I would really like them to all be fixed and actually above the page header/logo at the top of the page... Have tried to find it in Firefox Web Developer but to no avail... Any help would be very appreciated,

Steve

https://www.realfairtrade.com
Version 1.3.8

open includes/templates/forest_path/common/tpl_header.php

find the section of code lines 73 - 98

and move the entire section to just above line 43

Stiggy:

Hi,

I have finally worked out how to upload Zen from my local machine to work on my server, so now want to concentrate on getting my site functional and tidy...

I have used a template (Clyde Jones - Forest Path) but am having real trouble with the tabs at the top of the page...

"Home' 'Log/In' 'Checkout' etc etc The home and log in seem to sit premanently below the others and the others move level when you hover the mouse above them. Its all a bit messy and I want to tidy it up a bit

I would really like them to all be fixed and actually above the page header/logo at the top of the page... Have tried to find it in Firefox Web Developer but to no avail... Any help would be very appreciated,

Steve

https://www.realfairtrade.com
Version 1.3.8

Please look at post #9 for a solution to your IE7 problem.

I'm trying the Forest Path template and I can not get the EZ pages side box to appear. Any advice?

gonewild:

I'm trying the Forest Path template and I can not get the EZ pages side box to appear. Any advice?

Admin -> tools -> EZ Pages

Have you:

Created your page enabled the sidebox option and given it a sort order?

admin -> tools -> layout boxes controller -> sideboxes/ezpages.php (turn it on)

clydejones:

Admin -> tools -> EZ Pages

Have you:

Created your page enabled the sidebox option and given it a sort order?

admin -> tools -> layout boxes controller -> sideboxes/ezpages.php (turn it on)

I forgot to give the sort order. I assumed if all were left "0" they would still show.
Now I assigned the sort order and now it works.
THANKS!

Hey Clyde,

Thanks for your help, worked like a champ! One final (I hope final!) issue I am having is on the actual product pages, here is an example:

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

What I would love to do is make the price bigger and have the text fully underneath the product image, quantities box and price spanning across the page. It seems to be floating or positions to the right of the image the whole way down the page

I have tried to modify the product info stylesheet but with no luck, and modifying the center column completely throws out all the new account forms etc

Any help would be very welcome!

Thanks again, steve

stiggy100:

Hey Clyde,

Thanks for your help, worked like a champ! One final (I hope final!) issue I am having is on the actual product pages, here is an example:

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

What I would love to do is make the price bigger and have the text fully underneath the product image, quantities box and price spanning across the page. It seems to be floating or positions to the right of the image the whole way down the page

I have tried to modify the product info stylesheet but with no luck, and modifying the center column completely throws out all the new account forms etc

Any help would be very welcome!

Thanks again, steve

Price bigger:

open product_info.css - find the following declaration and add the highlighted portion (adjust to what you wish)

#productPrices {
line-height: normal;
font-size: 2em;
}

moving the product description

open tpl_product_info_display.php

find this section of code:

 <!--bof Product description -->
 <div id="productDescriptionBox">
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral"><?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>
<br class="clearBoth" />
<?php
  }
?>
</div>
</div>
<br class="clearBoth" />

<!--eof Product details list -->

move the entire block of code to just above this comment

I've set up Forest Path template and like it very much thanks! But I have a few issues.....

On my login page I have some text (file names?) that does not belong. Can you tell me how to fix it?

On the login page when I click login under 'New Customer? Please Start Your Checkout Here" this line shows:

BILLING_INFO_TEXT

and

under "Returning Customers: Please Log In" this line shows

RETURN_CUSTOMER_TEXT

When I go to the login page using the checkout button under "New Customer? Please Start Your Checkout Here" this line shows

BILLING_INFO_TEXT

and under "Returning Customers: Please Log In" this line shows

RETURN_CUSTOMER_TEXT

I appreciate being pointed towards the solution to correct this.