Rechercher :
Accueil » Look & Feel » Boîtes (Boxes) Connexion

Question Comment placer la barre de recherche dans le bandeau supérieur sous le logo ?
Réponse Pas à Pas

1 - créer un fichier header_search.php dans catalog/includes/
Code:
<?php
/*
$Id: header_search.php,v 1.1.1.1 2003/04/06 12:15:21 wilt Exp $

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

Copyright (c) 2001 osCommerce

Released under the GNU General Public License
## Patch bandeau Search dans Header : GniDhal gnidhal@free.fr ##
*/
?>
<!-- Header search //-->
<tr>
<td align="center" valign="top" class="BoxHeadingSearch" height="20">
<?php

$hide = tep_hide_session_id();
echo '<form name="quick_find" method="get" action="' . tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false) . '">' ;
echo $hide . BOX_SEARCH_TEXT . '&<input type="text" name="keywords" size="10" maxlength="30" value="' . htmlspecialchars(StripSlashes(@$HTTP_GET_VARS["keywords"])) . '" style="width: ' . (BOX_WIDTH-30) . 'px; height:20px">&<input type="submit" value="go" />&&&<a class="BoxHeadingSearch" href="' . tep_href_link(FILENAME_ADVANCED_SEARCH) . '"><b>' . BOX_SEARCH_ADVANCED_SEARCH . '</b></a></form>' ;

?>
</td>
</tr>
<!-- Header_search_eof //-->

2 - modifier le header.php (dans catalog/includes) en ajoutant simplement la ligne require comme ci dessous à la fin de la première table (celle qui inclut le logo) entre le dernier </tr> et le </table>
Code:
</tr>
<?php require(DIR_WS_INCLUDES . 'header_search.php');?>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" height="20">
<tr class="headerNavigation">
<td class="headerNavigation">&&<?php echo $breadcrumb->trail(' & '); ?></td>
<td align="right" class="headerNavigation"><?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> &|& <?php } ?><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_SHOPPING_CART, '', 'NONSSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> &|& <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a> &&</td>
</tr>
// Pour placer la barre de recherche sous la barre de navigation, déplacer la ligne ici
</table>
// Placer ce code pour avoir la barre de recherche centrée sous la barre de navigation
<table width="100%">
<td align=center><?php require(DIR_WS_INCLUDES . 'header_search.php');?></td>
</table>


3 - créer le style BoxHeadingSearch dans la CSS du site selon votre charte graphique, exemple :
Code:
TD.BoxHeadingSearch {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF ;
}
A.BoxHeadingSearch {
  color: #000000;
 }
A.BoxHeadingSearch:hover {
  color: #FFFFFF;
 }

Et voilà ! disent les anglosaxons.

4- supprimer le box de recherche :

require(DIR_WS_BOXES . 'search.php');
dans le catalog/includes/column_left.php
par un simple comment'
// require(DIR_WS_BOXES . 'search.php');
et zouuu Au Boulot !(c)6ju

NB : attention ! certains caractères html sont filtés par le système d'édition du forum. C'est le cas des espaces insécables html : & nbsp; (ici avec un espace entre le & et nbsp; pour l'affichage !) dont il ne reste que le &. A corriger donc dans le code ci dessus.
Auteur : Gnidhal Mise à jour le 01/08/2006

Retour