Ajout d'une image à un attribut

[nicpam]

Bonjour,

Je fais appel à vous pour un besoin que j'ai concernant ma boutique prestashop. 

En effet, comme sur l'exemple ci-dessous, je conditionne des produits en fonction de leur contenance. J'ai trouvé assez sympathique d'avoir une présentation similaire en incluant une image selon la quantité choisie. 

Problème : Prestashop ne propose pas cette fonctionnalité en natif et j'aimerais savoir si vous connaîtriez un module gratuit permettant de faire cela ? 

Je vous remercie d'avance pour votre aide. 

Merci à vous !

[Divine]

Bonjour,

Gratuit ça va être compliqué je crois. Avez-vous effectué une recherche Google pour voir si un développeur propose un tel module ?

[Eolia]

Vous pouvez tout à fait le faire dans le tpl de la page produit.

En fonction de l'id_attribute_group et id_attribute à vous d'y associer les images correspondantes.

{elseif ($group.group_type == 'radio')}
    <ul>
        {foreach from=$group.attributes key=id_attribute item=group_attribute}
            <li>
                <input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
                <span>{$group_attribute|escape:'html':'UTF-8'}</span>
            </li>
        {/foreach}
    </ul>
{/if}

Attribut du groupe "Quantité" : par exemple les attributs 27, 28, 29...

Vous créez une série d'images avec chaque valeur de quantité 27.jpg, 28.jpg, 29.jpg etc que vous mettez dans le répertoire img/attributes/ de votre thème.

Dans le code:

{elseif ($group.group_type == 'radio')}
    <ul>
        {foreach from=$group.attributes key=id_attribute item=group_attribute}
            <li>
                <label>
                  <input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
                  <img src="{$img_dir}attributes/{$id_attribute}.jpg" alt="{$group_attribute|escape:'html':'UTF-8'}">
                </label>
            </li>
        {/foreach}
    </ul>
{/if}