Module pour l'affichage des tailles sous forme de boutons

[Sonialh]

Bonjour à tous,

 

Je viens vers vous car je souhaiterais un module ou l'aide d'un développeur, pour pouvoir afficher les tailles de mes produits de cette façon : (cliquez sur l'image : ).

 

Comment cela est-ce possible avec Prestashop svp ?

 

Merci par avance

 

 

 

 

[Eolia]

Il faut modifier le tpl et le js associé pour remplacer le select généré par la boucle foreach, par des boutons, ainsi que l'event associé au changement de déclinaison.

 

Travail possible mais un peu délicat à mettre en oeuvre si vous ne vous y connaissez pas trop. A voir avec le créateur de votre thème, ou un intégrateur.

[Sonialh]

D'accord merci beaucoup pour votre réponse.

 

A vrai dire je ne m'y connais pas du tout, donc j'aurais aimé savoir si un développeur du forum pouvait le faire et à quel tarif ?

 

Merci

[Guest]

Bonjour,

 

le plus simple pour effectuer cette tache va être de modifier le type d'attribut pour les valeurs de taille, au lieu de sélectionner "liste déroulante", essayez avec "Couleur ou texture".

 

Ensuite dans votre fichier product.tpl cherchez les lignes suivantes , ça commence vers la ligne 359:

{elseif ($group.group_type == 'color')}
													<ul id="color_to_pick_list" class="clearfix">
														{assign var="default_colorpicker" value=""}
														{foreach from=$group.attributes key=id_attribute item=group_attribute}
															{assign var='img_color_exists' value=file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}
															<li{if $group.default == $id_attribute} class="selected"{/if}>
																<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" id="color_{$id_attribute|intval}" name="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}"{if !$img_color_exists && isset($colors.$id_attribute.value) && $colors.$id_attribute.value} style="background:{$colors.$id_attribute.value|escape:'html':'UTF-8'};"{/if} title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}">
																	{if $img_color_exists}
																		<img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="20" height="20" />
																

Ensuite rajoutez à la fin ce code  ( juste avant le {/if} )

{else} <span class="sizeblock">{$group_attribute|escape:'html':'UTF-8'}</span>

bon maintenant, pour la mise en forme c un peu plus compliqué car si vous voulez toujours utiliser le listing des couleurs avec le même code, ce denier sera mis en forme de la même manière, c'est là ou il faut mettre les mains dans le code et modifier plus profondément le product.tpl pour vraiment faire ce que vous voulez, cependant  vous n'aurez pas besoin de toucher au JS, c'est déjà une bonne chose !