Jump to content


Corporate Sponsors


Latest News: (loading..)

- - - - -

Header Bread Crumb ARRGH!

Started by surrfman, Mar 10 2011, 18:27

9 replies to this topic

#1 surrfman

  • Community Member
  • 266 posts
  • Real Name:Timmy C
  • Gender:Male
  • Location:Great State of Michigan

Posted 10 March 2011, 18:27

How does one massage the header breadcrumb navigation bar to place >Cart Contents >Checkout >My Account buttons (along with the links) to the right side inside the breadcrumb navigation bar? Then remove the oSC standard buttons that are now just below the breadcrumb navigation bar from using a logo size of 960 x 130?

#2 carver

  • Community Member
  • 9 posts
  • Real Name:Cindy Carver

Posted 11 March 2011, 18:59

View Postsurrfman, on 10 March 2011, 18:27, said:

How does one massage the header breadcrumb navigation bar to place >Cart Contents >Checkout >My Account buttons (along with the links) to the right side inside the breadcrumb navigation bar? Then remove the oSC standard buttons that are now just below the breadcrumb navigation bar from using a logo size of 960 x 130?

check this link out. We are having the same discussion here.

Carver

#3 surrfman

  • Community Member
  • 266 posts
  • Real Name:Timmy C
  • Gender:Male
  • Location:Great State of Michigan

Posted 11 March 2011, 23:11

thanks.. will do!

wonder if we are related? My last name is Carver!

Timmy C

#4 AmberLilys

  • Community Member
  • 13 posts
  • Real Name:Amber Corkhill

Posted 12 March 2011, 01:55

Have you figured it out? If so could you post your solution please.

#5 surrfman

  • Community Member
  • 266 posts
  • Real Name:Timmy C
  • Gender:Male
  • Location:Great State of Michigan

Posted 12 March 2011, 04:55

I'm where you guys are at.. got the links in the breadcrumb bar. but no separation between the text of each link. also noted the check cart link goes to another page with a page not found error.

the store I am constructing is www.discountegauges.com

#6 osCPal

  • Community Member
  • 43 posts
  • Real Name:Denns Bowen
  • Gender:Male
  • Location:Reno, NV

Posted 12 March 2011, 05:19

Quote

I'm where you guys are at.. got the links in the breadcrumb bar. but no separation between the text of each link. also noted the check cart link goes to another page with a page not found error.

try in

[catalog]/includes/header.php

<?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') 
                             . '">Account</a>&nbsp;&nbsp;<a href="' 
                             . tep_href_link(FILENAME_SHOPPING_CART) 
                             . '">Cart</a>&nbsp;&nbsp;<a href="' 
                             . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') 
                             . '">Checkout</a>'; ?>&nbsp;&nbsp;

Edited by osCPal, 12 March 2011, 05:21.

osCPal
Help Yourself! Post...
  • Your knowledge (none, somewhat, very)
  • Life of store
  • OsCommerce version
  • Contributions, Templates, Modifications
  • Page in question (example catalog/index.php or admin/categories.php)
  • Screen-shot (search Google for taking screen-shots)
This information will help get your problem resolved quicker.

If you find this post beneficial click [img]http://forums.oscommerce.com/public/style_images/master/add.png[/img] underneath

#7 osCPal

  • Community Member
  • 43 posts
  • Real Name:Denns Bowen
  • Gender:Male
  • Location:Reno, NV

Posted 12 March 2011, 05:42

i noticed your breadcrumb trail and right links are one above the other...

now i haven't seen your php code but looked at the html and found a solution that might work to align them both in the middle, one on the left and one on the right

the code is below and i added comments where i made changes, you will have to apply these in your code if you wanted to

<div class="grid_24 ui-widget infoBoxContainer">

<div class="ui-widget-header infoBoxHeading">

<div style="float:left; display:block; width:600px;"> <!-- added this -->

&nbsp;&nbsp;
<a href="http://www.discountegauges.com" class="headerNavigation">Home</a> 
&raquo; <a href="http://www.discountegauges.com/index.php" class="headerNavigation">Catalog</a>
  
  </div><!-- added this -->
  
<div style="display:block; width:300px; float:right"><!-- edited this -->

<a class="headershortcutlink" href="http://www.discountegauges.com/FILENAME_CART_CONTENTS"alt="" >Cart Contents</a>
<a class="headershortcutlink" href="http://www.discountegauges.com/checkout_shipping.php" alt="">Checkout</a>
<a class="headershortcutlink" href="http://www.discountegauges.com/account.php"alt="">My Account</a> 

</div>

</div>

Edited by osCPal, 12 March 2011, 05:43.

osCPal
Help Yourself! Post...
  • Your knowledge (none, somewhat, very)
  • Life of store
  • OsCommerce version
  • Contributions, Templates, Modifications
  • Page in question (example catalog/index.php or admin/categories.php)
  • Screen-shot (search Google for taking screen-shots)
This information will help get your problem resolved quicker.

If you find this post beneficial click [img]http://forums.oscommerce.com/public/style_images/master/add.png[/img] underneath

#8 surrfman

  • Community Member
  • 266 posts
  • Real Name:Timmy C
  • Gender:Male
  • Location:Great State of Michigan

Posted 12 March 2011, 15:27

View PostosCPal, on 12 March 2011, 05:19, said:

try in

[catalog]/includes/header.php

<?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') 
                             . '">Account</a>&nbsp;&nbsp;<a href="' 
                             . tep_href_link(FILENAME_SHOPPING_CART) 
                             . '">Cart</a>&nbsp;&nbsp;<a href="' 
                             . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') 
                             . '">Checkout</a>'; ?>&nbsp;&nbsp;


Tried the suggestion above, no progress. would get a syntax error at my line 39, . '">Cart</a>&nbsp;&nbsp;<a href="' during the browser parsing the file. I copied and pasted the lines from here into my header.php file. tried changing to Cart Contents as my file states the same. also tried adding a | between the &nbsp's. anything I did gave the syntax error. here is my current file that completes parsing to the browser:

<?php
/*
$Id$

osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com

Copyright © 2010 osCommerce

Released under the GNU General Public License
*/

if ($messageStack->size('header') > 0) {
echo '<div class="grid_24">' . $messageStack->output('header') . '</div>';
}
?>

<div id="header" class="grid_24">

<div id="storeLogo"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'store_logo.png', STORE_NAME) . '</a>'; ?></div>


<div id="headerShortcuts">


</div>


</div>



<div class="grid_24 ui-widget infoBoxContainer">

<div class="ui-widget-header infoBoxHeading"><?php echo '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?>
<div align="right">
<?php
echo '<a class="headershortcutlink" href="' . tep_href_link(FILENAME_CART_CONTENTS) . '"alt="" >'.($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : '') . HEADER_TITLE_CART_CONTENTS . '</a>' .
'<a class="headershortcutlink" href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '" alt="">' . HEADER_TITLE_CHECKOUT . '</a>' .
'<a class="headershortcutlink" href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '"alt="">' . HEADER_TITLE_MY_ACCOUNT . '</a>' ;

if (tep_session_is_registered('customer_id')) {echo '<a class="headershortcutlink" href="' . tep_href_link(FILENAME_LOGOFF, '', 'SSL') . '"alt="" >' . HEADER_TITLE_LOGOFF . '</a>' ;
}
?>
</div>
</div>
</div>


<?php

if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {

?>

<table border="0" width="100%" cellspacing="0" cellpadding="2">

<tr class="headerError">

<td class="headerError"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['error_message']))); ?></td>

</tr>

</table>

<?php

}



if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {

?>

<table border="0" width="100%" cellspacing="0" cellpadding="2">

<tr class="headerInfo">

<td class="headerInfo"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['info_message']))); ?></td>

</tr>

</table>

<?php

}

?>

I'm just a newbie... finding 2.3.1 a bit more difficult to interpret.

Timmy C

Timmy C

#9 AmberLilys

  • Community Member
  • 13 posts
  • Real Name:Amber Corkhill

Posted 13 March 2011, 02:37

okay I checked your source code on the link for cart contents try changing the file name from FILENAME_CART_CONTENTS to FILENAME_SHOPPING_CART. as far the the breaks this is what my code looks like.

<div class="grid_24 ui-widget infoBoxContainer">

<div class="ui-widget-header infoBoxHeading"><?php echo '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?>
<div align="right">
<?php
echo '<a class="headershortcutlink" href="' . tep_href_link(FILENAME_SHOPPING_CART) . '"alt="" >' .($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : '') . HEADER_TITLE_CART_CONTENTS . '</a>&nbsp;&nbsp;' .
'<a class="headershortcutlink" href="' . tep_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL') . '" alt="">' . HEADER_TITLE_CREATE_ACCOUNT. '</a>&nbsp;&nbsp;' .
'<a class="headershortcutlink" href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '" alt="">' . HEADER_TITLE_CHECKOUT . '</a>&nbsp;&nbsp;' .
'<a class="headershortcutlink" href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '"alt="">' . HEADER_TITLE_MY_ACCOUNT . '</a>&nbsp;&nbsp;' ;

if (tep_session_is_registered('customer_id')) {echo '<a class="headershortcutlink" href="' . tep_href_link(FILENAME_LOGOFF, '', 'SSL') . '"alt="" >' . HEADER_TITLE_LOGOFF . '</a>' ;
}
?>
</div>


Hope this helps. &nbsp; is what gives the spaces inbetween the links.

Amber

#10 surrfman

  • Community Member
  • 266 posts
  • Real Name:Timmy C
  • Gender:Male
  • Location:Great State of Michigan

Posted 14 March 2011, 03:16

got it to work!!! my problem was fixed by adding a couple extra </div> just underneath the last one in the code. was able to add the divider line | by putting it between the two &nbsp's so it looked like this &nbsp|&nbsp

next, gotta figure out the colors displayed and the hover color code for what we just figured out above.

also having problems with getting the header logo to center and fill out, tried adding a header background and shorter logo area, but the body content white color area doesn't cooperate. have tried adding and taking away borders and cellpadding, just shifts stuff around. any ideas?

thanks a bunch everyone,


Timmy C
Back to General Support · Next Unread Topic →


  1. osCommerce Support Forum
  2. → osCommerce Online Merchant v2.x
  3. → General Support
  4. Forum Rules