[RESOLU] changer de forme la palette de coloris

[bostak]

Bonsoir,

 

Je viens vers vous car je voudrais effectuer une modification de ma palette de coloris j'ai cherché et encore cherché et je n'ai pas trouvé de solution; voici comment est la palette de coloris à ce jour : http://vivresenior.c...id_product=5543

et j'aimerais l'allonger et avoir que deux lignes de couleurs (voir le fichier joint une photo vaut mieux que de longues explications). Je veux que la palette de couleur soit sur toute la page comme mon rectangle noir.

 

J'espère que vous allez pouvoir m'aider, et merci d'avance

 

Cordialement,

[Atch]

Bonjour,

 

Il faut éditer le fichier product.tpl de votre theme.

 

Localisez cette portions de code :

 

{if isset($colors) && $colors}
       <!-- colors -->
       <div id="color_picker">
           <p>{l s='Pick a color:' js=1}</p>
           <div class="clear"></div>
           <ul id="color_to_pick_list">
           {foreach from=$colors key='id_attribute' item='color'}
               <li><a id="color_{$id_attribute|intval}" class="color_pick" style="background: {$color.value};" onclick="updateColorSelect({$id_attribute|intval});$('#wrapResetImages').show('slow');" title="{$color.name}">{if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}<img src="{$img_col_dir}{$id_attribute}.jpg" alt="{$color.name}" width="20" height="20" />{/if}</a></li>
           {/foreach}
           </ul>
           <div class="clear"></div>
       </div>
       {/if}

 

Coupez là et collez là à cette endroit un peu plus bas :

 

   	 {if $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}
   </div>
</div>


Coller ici

 

Ensuite, organiser votre css product pour attribuer une largeur de 100% à l'id color_picker.

 

V++

 

Atch

[bostak]

merci de ta réponse je l'ai changé de place dans le product.tpl et là je galère un peu pour trouver comment le mettre sur la largeur du site et je peux plus m'en occuper tout de suite j'ai un petit soucis avec mon site. Je vous tiens au courant de l'avancement.

 

Cordialement,

 

Benoit

[bostak]

Je reviens de nouveau vers vous j'ai bien réussi à changer de place la palette de coloris mais impossible de la mettre sur toute la largueur, j'ai essayé plein de chose rien n'y fait elle reste toujours comme sa, je me demande si il faut bien modifier le product.css si s'est bien ce fichier comment faut-il procéder ?

 

Cordialement,

 

Benoit

[bostak]

Bonjour,

 

Personne pour me redonner un petit coup de main ?

 

Cordialement,

[Atch]

Bonjour,

 

Reprenez le CSS qui se trouve dans la colonne de droite de votre page produit...

 

 

#primary_block #color_picker {


border: 1px solid #D0D3D8;
margin-bottom: 1.5em;
padding: 0.6em 0.7em 0.4em;
}

 

 

devient

 

 

 

#color_picker {


border: 1px solid #D0D3D8;
margin-bottom: 1.5em;
padding: 0.6em 0.7em 0.4em;
}

 

Vu que vous avec sorti le bloc du div id=primary_block

 

Faites cela pour tout ce qui concerne le colorpicker dans le fichier product.css (à partir de la ligne 48)

 

V++

 

Atch

[bostak]

Bonjour,

 

Merci beaucoup j'ai étais bête sur ce coup j'avais même pas pensé à cela (je suis pas un expert non plus) en tout cas grand merci à vous pour votre aide.