27 replies to this topic

[AmberLilys]

Okay I have only been playing with OSCommerce for about a week or two now. My first question is how to get the cart, my account, checkout buttons to show up in the header on the right hand side. I have seen this done on other sites but have tried all the code I have found and can't get this accomplished.

Second Question is on my site I have two white columns on either side of the boxes and body. I would like to make them the same background color as my body. Any help would be appreciated.

Here is a link to the site I am working on www.amberlilysspaproducts.com

Thank you for all suggestions and help.

Amber

[carver]

I have been helping her with her site. We have searched and I've used all kinds of code, and stuck it where stated it should go, and still the buttons will not go where they need to go. I know someone told me to check the PHP code, I did and it is correct. So... we deleted the site and started over again. The site is looking better in IE, FF, Opera, and Chrome but the buttons are not cooperating. My first choice is for them to sit on top of the breadcrumb right side. Second choice would be in the breadcrumb itself.

The second part of her question, the first time around I inserted the color in the body wrap and no white appeared. It looked nice. This installation, it didn't accept the color outside of the body.

I'm open to suggestions with her site. Honestly, I haven't had the problems with osCommerce like I have had with her site. The only difference is this is the new version.

Sincere Appreciation,
Carver

Edited by Mark Evans, 11 March 2011, 07:30.

[kymation]

The buttons are right where they're supposed to be. You have covered them up with that full-size logo. I suggest putting the logo in the background and letting the buttons float on top. Add your image as a background to the header tag in stylesheet.css

The sides can be colored by applying your image/color to the body tag in the stylesheet.

Please read and follow the forum rules. Commercial links are not allowed in posts.

Regards
Jim

[AmberLilys]

Okay sorry about the link to the site thought it would be helpful for you to see what I was talking about. As far as I know I have added the #faf5aa color to the body tag I can post the stylesheet coding if that would help or if there is a better way of showing it to you I am willing to try that as well. As for the buttons at the top I would like them to show in the bar going across the bottom of my banner opposite the breadcrumb. But in the meantime of figuring out how to do that I will try your recommendation as far as putting my banner header in the background. Thank you very much and any additional information is welcomed.

Amber

P.S. Thank you so much for your Theme Switcher it works awesome.

[kymation]

You have

body {
   background: # faf5aa;

The space after the # is probably preventing it from being seen. I added a background color using Firebug and it worked.

You can move the buttons down to the Breadcrumbs bar by editing includes/header.php. The code is this part:

<div class="grid_24 ui-widget infoBoxContainer">
  <div class="ui-widget-header infoBoxHeading"><?php echo '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?></div>
</div>

I would add another div to the center part and make it float right. I haven't tried that, so that trick might not work. Experimentation may be needed.

I wasn't complaining about your text URL to your store. That was necessary and the correct way to do it. The second poster's commercial links were what I was referring to.

Regards
Jim

[carver]

I tried to edit my signature out of the post. The edit button said I do not have permission. My apology. Its been a long time since I read the rules, and I don't remember reading anything that said I couldn't have a link in my signature.

[AmberLilys]

Okay thank you thank you I now have issue two fixed. I am still not having any luck with getting the cart, account, and such buttons where I want them. I don't know what I am doing wrong I have found a site that shows what I am trying to do. www.bedz4u.com Hope this helps in understanding what I am trying to do. Thanks for all the help and any suggestions are greatly appreciated.

Amber

[kymation]

Oddly enough, that site is doing exactly what I had in mind. Find the code from includes/header.php that I pasted above, and replace it with this:

<div class="grid_24 ui-widget infoBoxContainer">
  <div class="ui-widget-header infoBoxHeading"><?php echo '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?></div>
  <div align="right">
<?php
  echo tep_draw_button(HEADER_TITLE_CART_CONTENTS . ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : ''), 'cart', tep_href_link(FILENAME_SHOPPING_CART)) .
       tep_draw_button(HEADER_TITLE_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL')) .
       tep_draw_button(HEADER_TITLE_MY_ACCOUNT, 'person', tep_href_link(FILENAME_ACCOUNT, '', 'SSL'));

  if (tep_session_is_registered('customer_id')) {
    echo tep_draw_button(HEADER_TITLE_LOGOFF, null, tep_href_link(FILENAME_LOGOFF, '', 'SSL'));
  }
?>
  </div>
</div>

You'll also have to remove the original of the button code I added here.

Regards
Jim

[AmberLilys]

I am the closest I have ever been. I can't figure out why the cart contents, checkout, and my account, buttons are aligning vertically instead of horizontally. Thank you for your help and any future help.

Amber

[kymation]

What you added doesn't seem to be what I suggested. It's missing the enclosing div. Otherwise it looks right. You may need to set a width on the breadcrumbs part to keep it from pushing the buttons to the right. Or maybe set a width on the buttons. These are just things I would try; I haven't done this so I can't give you a cut-and-dried solution.

Regards
Jim

[kymation]

What you added doesn't seem to be what I suggested. It's missing the enclosing div. Otherwise it looks right. You may need to set a width on the breadcrumbs part to keep it from pushing the buttons to the right. Or maybe set a width on the buttons. These are just things I would try; I haven't done this so I can't give you a cut-and-dried solution.

Regards
Jim

[AmberLilys]

I copied and pasted the code you gave me the only thing I moved was the </div> tag after the coding that includes the word breadcrumb and moved it to the end of the coding you gave me. That is the only thing I had changed other than removing the information that would have been dublicated on the header.php. I will try adding width into the code to see if that is what is causing my issue. Thank you again for your help.

[JLewis]

Just looking at your site and the problem is with css 'ui-icon' which is in ext/jquery/ui/redmond/jquery-ui-1.8.6.css

I think if you add this line to template_top all should work.

<link rel="stylesheet" type="text/css" href="ext/jquery/ui/redmond/jquery-ui-1.8.6.css" />

I have tried Jims code and it works.

Jlewis

[AmberLilys]

Okay Jims code has always worked all I was stating is I had to add one </div> like he stated I might need to do. I have changed the buttons into links they are now aligning properly. The only issue I am having is getting them seperated a little bit becuase right now there are no spaces between them.

I have a theme switcher on my page if I add code stating redmond won't that affect how things switch over when I use the theme switcher?

THank you for any help or suggestions.

Amber

[JLewis]

AmberLilys, on 11 March 2011, 21:53, said:

Okay Jims code has always worked

but without the css file in your <head> it would never do what you want.

I can see you have put it in now.

the space can be done using css which is better as oscommerce is based on that.

or just use html &nbsp; 'which is the entity used to represent a non-breaking space.'

JLewis

Edited by JLewis, 11 March 2011, 22:20.

[kymation]

The Theme Switcher adds its own link to the theme. That should not be a problem unless your theme is missing some code, which it should not be. I tried changing the theme earlier using the ThemeRoller bookmarklet and that didn't change the layout, so I think the theme is not a problem. I can't see the current problem because you have an error in your code in includes/header.php.

Regards
Jim

[AmberLilys]

Okay I have tried the &nbsp; and that gives me error in the header.php. I have returned site back so you can look again.

Amber

[JLewis]

can you post the header.php from includes/header.php

Jlewis

[AmberLilys]

JLewis, on 11 March 2011, 22:24, said:

can you post the header.php from includes/header.php

Jlewis

<?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_CREATE_ACCOUNT, '', 'SSL') . '" alt="">' . HEADER_TITLE_CREATE_ACCOUNT. '</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

}

?>

[JLewis]

Thats the quick way using &nbsp;

<?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>&nbsp;' .
'<a class="headershortcutlink" href="' . tep_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL') . '" alt="">' . HEADER_TITLE_CREATE_ACCOUNT. '</a>&nbsp;' .
'<a class="headershortcutlink" href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '" alt="">' . HEADER_TITLE_CHECKOUT . '</a>&nbsp;' .
'<a class="headershortcutlink" href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '"alt="">' . HEADER_TITLE_MY_ACCOUNT . '</a>&nbsp;' ;

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

Jlewis