Jump to content

[résolu] supprimer le bouton plus de détail

lebloa

By lebloa
in Modules et thèmes gratuits

 Share

Recommended Posts

lebloa Newbie

lebloa

Posted
Posted

Bonjour ,je recherche a supprimer le bouton plus de détail dans la version prestashop 1.4.6.2

je ne suis pas programmeur, j'ai cru voir que l'on pouvait le faire depuis le dossier thème en éditant le fichier product.tpl ,mais après je suis perdu car je ne sais pas quelle ligne supprimer ou bien rajouter

Merci de votre aide.

Link to comment
Share on other sites
chacha Newbie

chacha

Posted
Posted

Je n'ai pas la même version de Prestashop que toi, en fait je voulais savoir si c'était dans le module "nouveaux produits", "produits phares", ou un autre module...

 

Sinon envoi un lien ca sera plus facile.

 

Moi ce que je fais pour enlever ce genre de choses, c'est avec Opéra :

1- je clique droit sur l'élement que je veux trouver

2- je clique sur "inspecter l'élément", et là ca me donne l'emplacement de mon element ( dans quel fichier il se trouve ).

3- je supprime la ligne le concernant.

 

Je suis loin d'être une experte, mais je me débrouille comme ça.

Link to comment
Share on other sites
Cerise Newbie

Cerise

Posted
Posted

Hello,

 

Effectivement avec Firebug (module gratuit dispo sur Firefox), on voit direct la source !

 

Tu dois modifier ton fichier product.tpl et à la place de :

 

<p class="buttons_bottom_block">
<a class="button" href="javascript:{}">Plus de détails</a>
</p>

 

Tu mets ce code (qui va te supprimer ce bouton mais le conserver dans ton fichier si un jour tu veux quand même le faire apparaître)

 

<!--<p class="buttons_bottom_block">
<a class="button" href="javascript:{}">Plus de détails</a>
</p>-->

Link to comment
Share on other sites
lebloa Newbie

lebloa

Posted
  • Author
Posted

en fait pour eviter de faire une erreur sur le site directement ,je fais le test depuis wampserver en localhost

j’édite le fichier avec notepad++

je modifie ma ligne puis je fais enregistrer,et apres je teste .

j'ai fais de la même manière pour rajouter une fonction (suppression de facture) depuis le panneau d'administration et ça a fonctionné

je suis vraiment novice ,ça ne fait que 1 semaine que j'utilise pretashop,et je n'y connais rien en php donc il se peut que je n'opère pas de la bonne façon

en tout cas je trouve super sympathique,l'aide que vous déployez pour m'aider ,encore une fois merci

Link to comment
Share on other sites
chacha Newbie

chacha

Posted
Posted

Quand tu modifie un fichier .tpl il faut d'abord aller dans ton backoffice > preference > performance >

 

Forcer la compilation: Oui

Cache: Non

 

Et une fois le travaille terminé il faut remettre comme c'était

 

Forcer la compilation: Non

Cache: Oui

Link to comment
Share on other sites
BubbleWorld Newbie

BubbleWorld

Posted
Posted

Bonjour,

 

moi c'est l'inverse, je voudrais afficher ce bouton...

Dans product.tpl, à la ligne 202, j'ai :

 

{if $product->description}
  <p class="buttons_bottom_block"><a href="javascript:{ldelim}{rdelim}" class="button">{l s='More details'}</a></p>
  {/if}

 

Pouvez-vous me dire ce qui ne va pas ?

Link to comment
Share on other sites
BubbleWorld Newbie

BubbleWorld

Posted
Posted

Salut BubbleWorld,

 

Normalement tout est OK avec ton bout de code (si tu n'as pas modifié le coeur de Prestashop et voir aussi le CSS de ton thème).

 

Mais regarde avant si tu as bien rempli la description courte dans ta fiche produit ;)

 

Salut Cerise,

 

Merci de ta réponse ! Oui les descriptions courtes sont bien remplies.

 

Je ne pense pas avoir modifié le coeur de prestashop (je n'ai modifié que certains css de modules, déplacer la description des sous catégories sous les produits et bidouiller un peu le global.css de mon thème).

 

Je pencherai donc sur le css... où faut-il que je cherche ?

Link to comment
Share on other sites
Cerise Newbie

Cerise

Posted
Posted

Alors normalement, ça se passe dans ton global.css sur #buttons_bottom_block comme indiqué dans ta class ;)

 

Pour ma part, sur mon thème, j'ai ça :

 

#primary_block #button_more_detail a {
   background: none repeat scroll 0 0 transparent;
   border: medium none;
   color: #C0C0C0;
   font-weight: normal;
   padding-top: 0.2em;
   text-align: left;
   width: auto;

Link to comment
Share on other sites
BubbleWorld Newbie

BubbleWorld

Posted
Posted

Merci de ta réponse Cerise, malheureusement pas de trace de ces lignes dans global.css

 

Voilà ce que j'ai dans button :

 

/*buttons ************************************************************************************** */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
position:relative;
display:inline-block;
padding:5px 7px;
border:1px solid #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight:bold;
color:#000;
background:url(../img/bg_bt.gif) repeat-x 0 0 #ad9863;
cursor: pointer;
}
*:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large,
*:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled,
*:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large,
*:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled {
border:none
}

/* input button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {
/*padding-bottom: 2px*/
}
/* disabled button */
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
/*background-position: left -36px;
cursor: default;
color: #888!important*/
}
/* exclusive button */
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
/*color: white!important*/
}
/* exclusive disabled button */
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
/*color: #488c40!important*/
}
/* hover button */
input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
text-decoration:none;
background-position: left -50px
}
/* exclusive hover button */
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
/*color: white!important*/
}
/* active button */
input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active,
input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active,
a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active,
a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active {
background-position: left -100px
}
/* classic buttons */
input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini {
/*width: 30px;
background-image: url('../img/button-mini.png')*/
}
input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small {
/*width: 60px;
background-image: url('../img/button-small.png')*/
}
input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive {
/*width: 120px;
background-image: url('../img/button-medium.png')*/
}
input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled {
/*width: 180px;
background-image: url('../img/button-large.png')*/
}
/* exclusive button */
/*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png') }
input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') }
input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') }
input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif') }*/

Link to comment
Share on other sites
BubbleWorld Newbie

BubbleWorld

Posted
Posted

Bonjour Chacha !

 

Tu peux consulter une page produit de mon site en cours de développement ici.

Je souhaite mettre ce bouton "en savoir plus" sous la description courte pour indiquer au lecteur qu'il peut avoir plus d'infos sur ce produit... Ce bouton doit pointer sur l'onglet de la description longue

Link to comment
Share on other sites
BubbleWorld Newbie

BubbleWorld

Posted
Posted

J'ai fini par trouver !

 

Dans product.css, vers la ligne 127, remplacer :

 

#pb-left-column #short_description_block .buttons_bottom_block {display:none}

 

par

 

#pb-left-column #short_description_block .buttons_bottom_block {display:block}

 

Et comme par magie, le bouton apparaît, et fonctionnel en plus !

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...