Photo upload problem

[Essencial Airsoft]

 

Hello, I am new to e-commerce and looking to add keywords to my images in order to be referenced on Google "image" I realized that there was a display problem.

The thumbnails are upload but not the main image of the product (the one that is displayed directly when we click on the product), if I press the magnifying glass to zoom it is upoad but when I click on the product I have only a white rectangle.

I give you a screenshot that will explain my problem better than I do and a link to one of my articles (knowing that this problem persists on all my products).

https://essencial-airsoft.fr/index.php?id_product=47&rewrite=pompe-2-&controller=product&id_lang=1

Thank you in advance to those who will take the time to help me solve this problem.

Jeremiah

[ps8modules]

.themes/your theme/templates/catalog/_partials/product-cover-thumbnails.tpl

find:

<img class="js-qv-product-cover" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">

change to:

{if isset($product.images[1])}
                <img class="js-qv-product-cover" src="{$product.images[1].bySize.large_default.url}" 
                     alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">
            {else}
                <img class="js-qv-product-cover" src="{$product.cover.bySize.large_default.url}" 
                alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">
            {/if}

 

[Essencial Airsoft]

 

Ok thanks, do you know why i had this problem?  How can I keep this problem from coming back? In advance, thank you for your answer.

[ps8modules]

This is a problem for your template developers.
They use the option to display a different image when the mouse hovers over the image.