Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

move individual header shortcut button


Guest

Recommended Posts

Posted

Hi

 

I have moved the header shortcut buttons to the left but need to move one of them to the right and keep the other two on the left, is that possible, if so how do I go about doing that, I did a google search and could not find anything on how to do it

 

I am using 2.3.1

 

Thank you in advance

 

Ian

Posted

this is one way of doing it, there will probably be a more elegant solution along soon lol

 

in catalog/includes/header.php find

 

 <div id="headerShortcuts">
<?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>

 

and replace it with

 

<div id="headerShortcutsLeft">
<?php
 echo tep_draw_button(HEADER_TITLE_CART_CONTENTS . ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : ''), 'cart', tep_href_link(FILENAME_SHOPPING_CART));
?>
</div>
<div id="headerShortcutsRight">
<?php
 echo 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>

 

in catalog/stylesheet.css find

 

#headerShortcuts {
 float: right;
 margin-top: 15px;
}

 

and replace it with

 

#headerShortcutsLeft {
 float: left;
 margin-top: 15px;
}
#headerShortcutsRight {
 float: right;
 margin-top: 15px;
}

Posted

Hi Mark

 

Thank you so much for the reply and help, I have made the changes to the website just waiting for it to update

Posted

Yeah I do but for some reason the website does not update straight away after I press ctrl and F5

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...