Alt Tag in Front End

[Sviluppi]

Hello, I've a problem with a theme pro on my prestashop 1.7.6.4 about Alt Tag. In Front Ent don't appear alt tags, but if i analize the element the alt tag is there. The Theme is Crealingerie and the site is sqoober.com

I tried to see something in the code, and there are the alt tags, but nothing in front end. I don't know why??

Please help me if someone can.

Many thanks.

[Prescol]

Are you looking in the module tpl?

[Sviluppi]

Hi thank you for your reply. What do you mean "module tpl"?

[Prescol]

Templates in prestashop are located in many places. Each module has its own templates in its own folder. But those templates can be override with a theme.  If it is overriden you will find it under theme folder/modules/modulename/

 

[CedCommerce Team]

On 4/2/2020 at 1:42 PM, Sviluppi said:

Hello, I've a problem with a theme pro on my prestashop 1.7.6.4 about Alt Tag. In Front Ent don't appear alt tags, but if i analize the element the alt tag is there. The Theme is Crealingerie and the site is sqoober.com

I tried to see something in the code, and there are the alt tags, but nothing in front end. I don't know why??

Please help me if someone can.

Many thanks.

Hello there,

Hope you are doing well.

ALT tag can be changed by editing in following template files -

/themes/classic/templates/catalog/product.tpl file, add the product variable to the product-cover-thumbnails.tpl file

/themes/classic/templates/catalog/_partials/product-cover-thumbnails.tpl

Thanks!!!!

[Sviluppi]

My product-cover-thumbnails.tpl is in attachment. I compared with the file of Classic theme but i don't understand where is the problem on lingerie.sqoober.com In this file there is ALT tag i think.

 

product-cover-thumbnails.tpl

Edited April 13, 2020 by Sviluppi (see edit history)

[Sviluppi]

On 4/9/2020 at 11:51 PM, Prescol said:

Templates in prestashop are located in many places. Each module has its own templates in its own folder. But those templates can be override with a theme.  If it is overriden you will find it under theme folder/modules/modulename/

 

Hi and thanks. How do you mean about Module... which module?

[Prescol]

There is a module called blockfeatured which is reponsible of displaying featured products in home. 

 

[Sviluppi]

54 minutes ago, Prescol said:

There is a module called blockfeatured which is reponsible of displaying featured products in home. 

 

I have this file in attachment

ps_featuredproducts.tpl

[Prescol]

Check if that file contains alt attribute

 

[Sviluppi]

21 hours ago, Prescol said:

Check if that file contains alt attribute

 

Hello, yes rhere is ALT attribute

[Sviluppi]

* PRESTASHOP THEME CREALINGERIE * Copyright (c) Prestacrea * License See theme PDF documentation * ---------------------------------------- *} <div class="images-container text-center"> {block name='product_cover'} <div class="product-cover img-thumbnail"> {block name='product_flags'} {foreach from=$product.flags item=flag} {if $flag.type == 'discount' || $flag.type == 'on-sale' || $flag.type == 'online-only'}<span class="{$flag.type} text-uppercase">{$flag.label}</span>{/if} {/foreach} {/block} {if $product.cover} <img src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" class="js-qv-product-cover" width="{$product.cover.bySize.large_default.width}" height="{$product.cover.bySize.large_default.height}" itemprop="image"> <div class="layer align-items-center justify-content-center hidden-sm-down" data-toggle="modal" data-target="#product-modal"> <i class="icon-magnifier-plus zoom-in" aria-hidden="true"></i> </div> {elseif isset($urls.no_picture_image)} <img src="{$urls.no_picture_image.bySize.large_default.url}" alt="" width="{$urls.no_picture_image.bySize.large_default.width}" height="{$urls.no_picture_image.bySize.large_default.height}"> {/if} </div> {/block} {block name='product_images'} <div class="product-images p-3"> <ul id="js-product-images" class="owl-carousel list-unstyled d-flex justify-content-around"> {foreach from=$product.images item=image} <li class="thumb-container px-2 text-center"> <img src="{$image.bySize.medium_default.url}" alt="{$image.legend}" class="thumb js-thumb img-thumbnail {if $image.id_image == $product.cover.id_image}selected{/if}" width="{$image.bySize.medium_default.width}" height="{$image.bySize.medium_default.height}" data-image-medium-src="{$image.bySize.medium_default.url}" data-image-large-src="{$image.bySize.large_default.url}" itemprop="image"> </li> {/foreach} </ul> </div> {/block} </div> {hook h='displayAfterProductThumbs'}

[Prescol]

So the alt attribute is in that module. Are you sure your images have alt defined? Could you check xx_image_lang table to see if they are storing alt attribute?