Les éléments d'image ne possèdent pas de width ni de height explicites

[Phenomene]

Bonjour, j'essaie d'améliorer la vitesse de chargement de mes pages. Quelqu'un aurait la solution pour indiquez une largeur et une hauteur explicites sur les éléments d'image afin de réduire les décalages de mise en page et d'améliorer le CLS ?

Merci

J'utilise prestashop 1.6.1.1.2

[Ariane Web et Plus]

Bonjour, dans le backoffice vous pouvez donner une taille aux images.

[Phenomene]

Bonjour, si je comprends bien, je dois ajouter un type d'image ?  Merci de votre réponse

[Mediacom87]

Bonjour,

vous pouvez configurer cela dans le module reassurance que vous utilisez.

[Ariane Web et Plus]

Cela dépend des images. Si c'est uniquement les images réassurances qui posent problème cherchez les directement à la bonne taille dans le module réassurance.

[Phenomene]

Bonjour,

lorsque j'ajoute un nouveau type d'image, j'ai un message d'erreur : champ invalide ? Je suppose que le nom de l'image n'est pas le bon. (satisfait ou remboursé, paiement sécurisé, service client, produit made in France ? J'ai beau changer le nom rien n'y fait ? Savez-vous pourquoi ?  Merci

[Phenomene]

[Ariane Web et Plus]

Pour ces images c'est dans le module réassurance que ça se modifie.

 

[Phenomene]

C'est bon j'ai réussi, il fallait juste mettre le nom de l'image reinsurance-1 pour satisfait ou remboursé

[Phenomene]

Impossible de regénérer les miniatures. Message d'erreur 

Gateway Timeout

The gateway did not receive a timely response from the upstream server or application. Traduction : Délai d'expiration de la passerelle La passerelle n'a pas reçu de réponse opportune du serveur ou de l'application en amont.

Du coup la page speed ne prend pas en compte les modifications apportées. Savez-vous pourquoi ? Merci

[Phenomene]

Pour nommer les images, je me suis appuyé sur ce site https://www.sitolog.com/fr/content/56-comment-sont-stockes-les-fichiers-des-photos-des-produits-dans-prestashop

[Phenomene]

J'ai réussi à regénérer les miniatures mais pas de changement sur la page speed. Peut-être que le changement n'est pas immédiat ? Quand pensez-vous ?

[Phenomene]

Ou me suis-je trompé dans le nommage des images ?

[Phenomene]

On 5/5/2023 at 11:52 AM, Ariane Web et Plus said:

Cela dépend des images. Si c'est uniquement les images réassurances qui posent problème cherchez les directement à la bonne taille dans le module réassurance.

Bonjour, j'ai bien téléchargé les images à la bonne taille depuis le module bloc réasurrance, mais la page speed ne prend pas en compte les modifications. Savez-vous pourquoi ? Merci

[Manu-41]

Car vous n'avez pas les dimensions dans le code.

Comme pour vos images de réassurance, vos images produits, votre image de paiement sécurisé,...

Il faut ajouter height et width

[Phenomene]

Voici ce que j'ai de le fichier blockreinsurance.php 

public function installFixtures()
    {
        $return = true;
        $tab_texts = array(
            array('text' => $this->l('Money back guarantee.'), 'file_name' => 'reinsurance-1-1.jpg'),
            array('text' => $this->l('In-store exchange.'), 'file_name' => 'reinsurance-2-1.jpg'),
            array('text' => $this->l('Payment upon shipment.'), 'file_name' => 'reinsurance-3-1.jpg'),
            array('text' => $this->l('Free Shipping.'), 'file_name' => 'reinsurance-4-1.jpg'),
            array('text' => $this->l('100% secure payment processing.'), 'file_name' => 'reinsurance-5-1.jpg')
        );
        Je pense que c'est ici que je dois ajouter height et width . Savez-vous comment je dois faire ? Merci

[Manu-41]

Dans le tpl 

[Phenomene]

Voici ce que j'ai dans le fichier tpl

{if $infos|@count > 0}
<!-- MODULE Block reinsurance -->
<div id="reinsurance_block" class="clearfix">
    <ul class="width{$nbblocks}">    
        {foreach from=$infos item=info}
            <li><img src="{$link->getMediaLink("`$module_dir`img/`$info.file_name|escape:'htmlall':'UTF-8'`")}" alt="{$info.text|escape:html:'UTF-8'}" /> <span>{$info.text|escape:html:'UTF-8'}</span></li>                        
        {/foreach}
    </ul>
</div>
<!-- /MODULE Block reinsurance -->
{/if}

 Savez-vous comment je dois faire ? Merci

[Manu-41]

alt="{$info.text|escape:html:'UTF-8'}" width="64" height="64" />

 

Edited May 10, 2023 by Manu-41
wh (see edit history)

[Phenomene]

Bonjour,

super merci cela à fonctionné

[zepelucheclub.com]

Bonjour

Super et pour les images produits des pages catégories c' est dans quel fichier tpl

merci d' avance

[zepelucheclub.com]

rebonjour

petit up pour un soucis qui est lourdement pénalisé par google et qui gêne l' indexation des images

merci d' avance