Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How to create image buttons


Murtaza11

Recommended Posts

Without a link to the site to see exactly what they used makes it kind of difficult to say.

 

You can create similar buttons with CSS or graphic images and HTML.

 

By the looks of the pic, it would be placed in your header.php file.

Seems those buttons are replacing osC's table row where the breadcrumbs and navigational links are.

 

This is the code from my header.php file (starts around line 75) that would be getting edited for those buttons (yours might look slightly different as I altered mine).

 

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

<tr class="headerNavigation">

<td class="headerNavigation">  <?php echo $breadcrumb->trail(' » '); ?></td>

<td align="right" class="headerNavigation"><?php echo tep_customer_greeting(); ?>    <?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a>  |  <a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>  |  <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a>   <?php } ?></td>

</tr>

</table>

 

The green highlighted code is for the breadcrumbs and gets removed.

The blue highlighted code is for the links on the right, that would get edited to support the new layout and button graphics or CSS style.

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...