Aide - Recherche - Membres - Calendrier
Version complète : Insertion des onglets Panier et Mon compte dans l'infobox
Forum osCommerce-fr > Oscommerce 2.3 > Design OsC2.3
fangeo31
Bonsoir à toutes et à tous,

Comme écrit dans le titre, je cherche à placer les liens Mon compte/Panier/Commander dans l'infobox contenant le chemin d'accès du produit affiché. J'ai beau chercher sur le forum et ailleur je n'arrive pas à l'y insérer et après 3 ou 4h je commence à désespérer là....

Merci d'avance pour votre coup de main !

Bonne soirée et bonne fin de weekend !
chti_poupon
smile.gif Bonjour !
C'est dans catalog/includes/header.php que çà se passe ! happy.gif
Il faut mélanger, selon le principe:
<a href ....<img src=...><br>Commentaire</a>
les deux parties :
Code
    <td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', HEADER_TITLE_MY_ACCOUNT) . '</a>&nbsp;&nbsp;<a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_CART_CONTENTS) . '</a>&nbsp;&nbsp;<a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_checkout.gif', HEADER_TITLE_CHECKOUT) . '</a>'; ?>&nbsp;&nbsp;</td>

et
Code
    <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> &nbsp;|&nbsp; <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> &nbsp;|&nbsp; <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> &nbsp;|&nbsp; <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a> &nbsp;&nbsp;</td>

Dans l'ordre ! mellow.gif
Belle Journée !

Chti Poupon biggrin.gif
fangeo31
Merci pour l'info, j'étais pas loin en fait happy.gif !
Peux tu me dire comment faire en sorte que les boutons se mettent sur la droite de la barre ? Car pour le moment ils sont collés au lien et même avec un align="right" ça fait rien !

Merci encore ! unsure.gif

fangeo31
Personne n'a la solution s'il vous plait ?

Merci beaucoup par avance !
fangeo31
Toujours personne pour me donner un petit peu d'aide ?
chti_poupon
sad.gif S'il n'y a pas de réponse, c'est que personne susceptible de répondre n'a lu la question.
La relance n'est pas bien vue: ce n'est pas ici un prestataire, mais un lieu d'échanges conviviaux, bénévoles et gratuits.
Pour répondre, ton header doit maintenant contenir des codes similaires à:
Code
<?php
echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', HEADER_TITLE_MY_ACCOUNT) .'<br>' .HEADER_TITLE_MY_ACCOUNT. '</a>';
?>

Il n'y a plus qu'a mettre le tout dans une structure
Code
<table><tr><td> le php du premier pavé </td><td> second pavé etc etc

en insérant les classes css qui vont à ton goût wink.gif
Bon code cool.gif
Chti Poupon
fangeo31
Je suis très actif sur de nombreux autres forums et les relances ne sont pas considérées comme "mal vues" mais si tel est le cas ici alors je ferai en sorte à l'avenir de m'abstenir. Toutes mes excuses.

Concernant la structure, je pense avoir compris d'où provenait mon erreur. En fait, j'ai simplement inséré le code à la suite de celui des liens de navigation. Du coup je n'ai pas de structure pour les icônes et ils sont directement collés aux liens. Le souci c'est qu'en insérant un "div" ça me le faisait sortir de ma barre de navigation. Je n'avais pas du tout penser à le faire par une table comme tu me le conseilles.

Merci pour toutes ces informations, je vais essayer dès ce soir et te tiendrai au courant !

Bonne journée !
fangeo31
Bonsoir les amis,
Bon ben après quelques essais je suis toujours bloqué (un peu bouché le mec vous me direz.... lol) !
Voici mon code:

<div class="grid_24 ui-widget infoBoxContainer">
<div class="ui-widget-header infoBoxHeading"><table><tr><td><?php echo '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?></td>
<td class="boutoncompteandcie" 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'));
}
?> </td></tr></table>
</div>
</div>

Ca ne se met toujours pas à droite de la barre de navigation. J'ai aussi essayer par le .css mais pas moyen.

Du coup je reviens encore vers vous afin de comprendre d'où provient mon erreur !

Merci beaucoup en tout cas car je progresse et ça motive !
chti_poupon
smile.gif Bonjour !
Dans header.php d'origine, là où les images sont à droite dans l'en-tête on peut lire :
Code
     </td>
     <td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SS  et la suite

C'est le secret cool.gif
Chti poupon
fangeo31
Ce n'est pas la solution apparement wacko.gif

Mon code à présent:

<div class="grid_24 ui-widget infoBoxContainer">
<div class="ui-widget-header infoBoxHeading">
<table><tr><td><?php echo '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?></td>
<td class="boutoncompteandcie" align="right" valign="bottom"> <?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'));
}
?> </td></tr></table>
</div>
</div>
FoxP2
je m'en doutais depuis le début de ce thread
excl.gif osc2.3.x
fangeo31
Peux tu nous en dire plus s'il te plait ? Quelle est la différence par rapport à la programmation entre ces deux versions ?
FoxP2
totale, puisque la structure html n'a plus rien à voir avec une version 2.2.x. et que les solutions proposées par chti_poupon ne sont valables que sur l'ancienne version.
FoxP2
je n'ai pas les droits nécessaires sur cette section du forum pour pouvoir basculer ton sujet sur la partie 'design' propre à osc2.3.x

admin : merci de faire le nécessaire.
fangeo31
Ok d'accord !
Peux tu donc me donner s'il te plait la solution pour la nouvelle version et transférer ce sujet au bon endroit ?
Merci beaucoup de ton support
FoxP2
chti_poupon: t'es à la bourre là !
FoxP2
Citation (fangeo31 @ 26 Jan 2011, 21:35) *
Ok d'accord !
Peux tu donc me donner s'il te plait la solution pour la nouvelle version et transférer ce sujet au bon endroit ?
Merci beaucoup de ton support

non, je ne peux pas, indiqué dans le message précédent au tien. biggrin.gif
fangeo31
Ah d'accord ! lol
Et la solution tu peux me la donner s'il te plait ?
chti_poupon
Pas de bouton: ce sont des liens !!
Essayer d'abord çà, puis adapter texte, images et css :
Code
<?php echo '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?></td>
<table><tr>
<?php if (tep_session_is_registered('customer_id')) { ?>
<td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_LOGOFF, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_loggff.gif', HEADER_TITLE_LOGOFF) .'<br>' .HEADER_TITLE_LOGOFF. '</a>'; ?></td>
<?php } ?>
<td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', HEADER_TITLE_MY_ACCOUNT) .'<br>' .HEADER_TITLE_MY_ACCOUNT. '</a>'; ?></td>
<td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_SHOPPING_CART, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_CART_CONTENTS) .'<br>' .HEADER_TITLE_CART_CONTENTS. '</a>'; ?></td>
  <td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_checkout.gif', HEADER_TITLE_CHECKOUT) .'<br>' .HEADER_TITLE_CHECKOUT. '</a>'; ?></td>
</tr></table>

Chti poupon

PS désolé, version 2.3 n"était pas bien clairement annoncé !
Il va falloir se gendarmer sur les versions non annoncées !!
fangeo31
Oui désolé....c'est de ma faute....je me suis trompé d'endroit....
Du coup quelle est la solution en 2.3 s'il te plait ?
FoxP2
le code a modifier :
Code
<div class="grid_24 ui-widget infoBoxContainer">
  <div class="ui-widget-header infoBoxHeading"><?php echo '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?></div>
</div>

avec
Code
<div class="grid_18 ui-widget infoBoxContainer">
  <div class="ui-widget-header infoBoxHeading"><?php echo '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?></div>
</div>
<div class="grid_6 ui-widget infoBoxContainer">
<div class="ui-widget-header infoBoxHeading">
<?php
  echo 'bla | ' . 'blabla | ' . 'blablabla';

?>
</div>
</div>

bla bla à remplacer par les bons codes php pour les liens.
fangeo31
Je viens d'intégrer ce code mais ça ne met pas les liens dans la même division donc ils ne sont pas dans la barre de navigation.
FoxP2
si si, la modif est bonne, mais tu n'as pas lu ce sujet pour comprendre comment marche la grille 960.
fangeo31
Effectivement je ne l'avais pas vu. J'ai pas mal avancé du coup mais je me rends compte que c'est un peu l'horreur pour faire le design car du coup quand je veux supprimer les marges entre les deux box pour les faire coller, d'une part leurs bordures en liseré blanc sont l'une contre l'autre donc ça fait vraiment salle (je voudrai que ça ne forme qu'un bloc...) et en plus ça modifie toutes les boxs du site au lieu de ces deux là uniquement !!! pffffffffffffffff !!! Je suis complètement pommé en fait !!!
FoxP2
il faut 'jouer' aussi bien avec les conteneurs que les class css :
Code
<div class="grid_24 ui-widget infoBoxContainer ui-widget-header">
  <div class="grid_20  alpha omega infoBoxHeading"><?php echo '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?></div><div class="grid_4 alpha omega infoBoxHeading"><?php echo 'bla |' . 'blabla | ' . 'blablabla'; ?></div>
</div>

fangeo31
Ok...bon ben je vais essayer ça ce soir en rentrant chez moi !
Il ne faut donc pas modifier le Gutter de 5px qui est déclaré dans le .css du 960 ? Parce qu'en fait quand je l'ai modifié je me suis retrouvé avec tout le design qui partait complètement en vrille en mettant 0.

Par contre j'ai une question du coup: lorsque l'on déclare une class comme tu le fais dans ton message, étant donné que tu attribues en fait 4 classes grid20/alpha/oméga/infoboxheading, qu'est ce que celà signifie litéralement parlant ??? En fait malgré les différentes formations que j'ai suivi par des didactiels sur le net, je ne comprends pas comment il faut comprendre une telle déclaration.

En tout cas merci beaucoup pour ton support !
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2014 Invision Power Services, Inc.