Jump to content

Alt Tag in Front End


Sviluppi

Recommended Posts

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.

Link to comment
Share on other sites

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/

 

Link to comment
Share on other sites

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!!!!

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

* 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'}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...