Jump to content

[Résolu] Les liens n'ont pas de nom visible


Recommended Posts

  • 1 year later...

Bonjour,

Est-ce que ce code pourrait aller <button aria-label="{l s='Social' mod='blocksocial'}" type="submit" name="submit_social" class="btn btn-default button-social">

Mais où le mettre dans le code ?

Merci

Le fichier block social / block social tpl

2007-2016 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2016 PrestaShop SA

*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
<section id="social_block" class="pull-right">
    <ul>
        {if isset($facebook_url) && $facebook_url != ''}
            <li class="facebook">
                <a class="_blank" href="{$facebook_url|escape:html:'UTF-8'}">
                    <span>{l s='Facebook' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($twitter_url) && $twitter_url != ''}
            <li class="twitter">
                <a class="_blank" href="{$twitter_url|escape:html:'UTF-8'}">
                    <span>{l s='Twitter' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($rss_url) && $rss_url != ''}
            <li class="rss">
                <a class="_blank" href="{$rss_url|escape:html:'UTF-8'}">
                    <span>{l s='RSS' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($youtube_url) && $youtube_url != ''}
            <li class="youtube">
                <a class="_blank" href="{$youtube_url|escape:html:'UTF-8'}">
                    <span>{l s='Youtube' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($google_plus_url) && $google_plus_url != ''}
            <li class="google-plus">
                <a class="_blank" href="{$google_plus_url|escape:html:'UTF-8'}" rel="publisher">
                    <span>{l s='Google Plus' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($pinterest_url) && $pinterest_url != ''}
            <li class="pinterest">
                <a class="_blank" href="{$pinterest_url|escape:html:'UTF-8'}">
                    <span>{l s='Pinterest' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($vimeo_url) && $vimeo_url != ''}
            <li class="vimeo">
                <a class="_blank" href="{$vimeo_url|escape:html:'UTF-8'}">
                    <span>{l s='Vimeo' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($instagram_url) && $instagram_url != ''}
            <li class="instagram">
                <a class="_blank" href="{$instagram_url|escape:html:'UTF-8'}">
                    <span>{l s='Instagram' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
    </ul>
    <h4>{l s='Follow us' mod='blocksocial'}</h4>
</section>
<div class="clearfix"></div>
 

Link to comment
Share on other sites

Bonjour,

Si vous voulez ajouter du texte visible, alors utilisez plutôt l'attribut "title" pour tous vos liens, comme ceci :

<a class="_blank" href="{$instagram_url|escape:html:'UTF-8'}" title="Instagram">

Sachez toutefois qu'il s'agit d'une bonne pratique en matière d'accessibilité mais que cela n'améliorera aucunement la vitesse de chargement de vos pages.

Link to comment
Share on other sites

Bonjour,

Merci pour votre réponse.

Alors si je comprends bien, j'ai ce code là

{if $facebook_url != ''}<li class="facebook"><a class="_blank" href="{$facebook_url|escape:html:'UTF-8'}">{l s='Facebook' mod='blocksocial'}</a></li>{/if}
        {if $twitter_url != ''}<li class="twitter"><a class="_blank" href="{$twitter_url|escape:html:'UTF-8'}">{l s='Twitter' mod='blocksocial'}</a></li>{/if}
        {if $rss_url != ''}<li class="rss"><a class="_blank" href="{$rss_url|escape:html:'UTF-8'}">{l s='RSS' mod='blocksocial'}</a></li>{/if}
        {if $youtube_url != ''}<li class="youtube"><a class="_blank" href="{$youtube_url|escape:html:'UTF-8'}">{l s='YouTube' mod='blocksocial'}</a></li>{/if}
        {if $google_plus_url != ''}<li class="google_plus"><a class="_blank" href="{$google_plus_url|escape:html:'UTF-8'}" rel="publisher">{l s='Google+' mod='blocksocial'}</a></li>{/if}
        {if $pinterest_url != ''}<li class="pinterest"><a class="_blank" href="{$pinterest_url|escape:html:'UTF-8'}">{l s='Pinterest' mod='blocksocial'}</a></li>{/if}
        {if $vimeo_url != ''}<li class="vimeo"><a href="{$vimeo_url|escape:html:'UTF-8'}">{l s='Vimeo' mod='blocksocial'}</a></li>{/if}
        {if $instagram_url != ''}<li class="instagram"><a class="_blank" href="{$instagram_url|escape:html:'UTF-8'}">{l s='Instagram' mod='blocksocial'}</a></li>{/if}
    </ul>
</div>

 

Et je le remplace par ce code

 

{if $facebook_url != ''}<li class="facebook"><a class="_blank" href="{$facebook_url|escape:html:'UTF-8'}" > title = 'Facebook' mod='blocksocial'}</a></li>{/if}
        {if $twitter_url != ''}<li class="twitter"><a class="_blank" href="{$twitter_url|escape:html:'UTF-8'}" > title = 'Twitter' mod='blocksocial'}</a></li>{/if}
        {if $rss_url != ''}<li class="rss"><a class="_blank" href="{$rss_url|escape:html:'UTF-8'}" > title = 'RSS' mod='blocksocial'}</a></li>{/if}
        {if $youtube_url != ''}<li class="youtube"><a class="_blank" href="{$youtube_url|escape:html:'UTF-8'}"> title ='YouTube' mod='blocksocial'}</a></li>{/if}
        {if $google_plus_url != ''}<li class="google_plus"><a class="_blank" href="{$google_plus_url|escape:html:'UTF-8'}" rel="publisher">{l s='Google+' mod='blocksocial'}</a></li>{/if}
        {if $pinterest_url != ''}<li class="pinterest"><a class="_blank" href="{$pinterest_url|escape:html:'UTF-8'}"> title= 'Pinterest' mod='blocksocial'}</a></li>{/if}
        {if $vimeo_url != ''}<li class="vimeo"><a href="{$vimeo_url|escape:html:'UTF-8'}"> title = Vimeo' mod='blocksocial'}</a></li>{/if}
        {if $instagram_url != ''}<li class="instagram"><a class="_blank" href="{$instagram_url|escape:html:'UTF-8'}"> title='Instagram' mod='blocksocial'}</a></li>{/if}
    </ul>
</div>

 

Link to comment
Share on other sites

Je pense que je me suis trompé de fichier 

J'ai ce code là

<section id="social_block" class="pull-right">
    <ul>
        {if isset($facebook_url) && $facebook_url != ''}
            <li class="facebook">
                <a class="_blank" href="{$facebook_url|escape:html:'UTF-8'}">
                    <span>{l s='Facebook' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($twitter_url) && $twitter_url != ''}
            <li class="twitter">
                <a class="_blank" href="{$twitter_url|escape:html:'UTF-8'}">
                    <span>{l s='Twitter' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($rss_url) && $rss_url != ''}
            <li class="rss">
                <a class="_blank" href="{$rss_url|escape:html:'UTF-8'}">
                    <span>{l s='RSS' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($youtube_url) && $youtube_url != ''}
            <li class="youtube">
                <a class="_blank" href="{$youtube_url|escape:html:'UTF-8'}">
                    <span>{l s='Youtube' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($google_plus_url) && $google_plus_url != ''}
            <li class="google-plus">
                <a class="_blank" href="{$google_plus_url|escape:html:'UTF-8'}" rel="publisher">
                    <span>{l s='Google Plus' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($pinterest_url) && $pinterest_url != ''}
            <li class="pinterest">
                <a class="_blank" href="{$pinterest_url|escape:html:'UTF-8'}">
                    <span>{l s='Pinterest' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($vimeo_url) && $vimeo_url != ''}
            <li class="vimeo">
                <a class="_blank" href="{$vimeo_url|escape:html:'UTF-8'}">
                    <span>{l s='Vimeo' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($instagram_url) && $instagram_url != ''}
            <li class="instagram">
                <a class="_blank" href="{$instagram_url|escape:html:'UTF-8'}">
                    <span>{l s='Instagram' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
    </ul>
    <h4>{l s='Follow us' mod='blocksocial'}</h4>
</section>
<div class="clearfix"></div>

 

Et je le remplace par ce code

 

<section id="social_block" class="pull-right">
    <ul>
        {if isset($facebook_url) && $facebook_url != ''}
            <li class="facebook">
                <a class="_blank" href="{$facebook_url|escape:html:'UTF-8'}">
                    <span>{ title ='Facebook' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($twitter_url) && $twitter_url != ''}
            <li class="twitter">
                <a class="_blank" href="{$twitter_url|escape:html:'UTF-8'}">
                    <span>{ title ='Twitter' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($rss_url) && $rss_url != ''}
            <li class="rss">
                <a class="_blank" href="{$rss_url|escape:html:'UTF-8'}">
                    <span>{ title ='RSS' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($youtube_url) && $youtube_url != ''}
            <li class="youtube">
                <a class="_blank" href="{$youtube_url|escape:html:'UTF-8'}">
                    <span>{ title ='Youtube' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($google_plus_url) && $google_plus_url != ''}
            <li class="google-plus">
                <a class="_blank" href="{$google_plus_url|escape:html:'UTF-8'}" rel="publisher">
                    <span>{ title ='Google Plus' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($pinterest_url) && $pinterest_url != ''}
            <li class="pinterest">
                <a class="_blank" href="{$pinterest_url|escape:html:'UTF-8'}">
                    <span>{ title ='Pinterest' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($vimeo_url) && $vimeo_url != ''}
            <li class="vimeo">
                <a class="_blank" href="{$vimeo_url|escape:html:'UTF-8'}">
                    <span>{ title ='Vimeo' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
        {if isset($instagram_url) && $instagram_url != ''}
            <li class="instagram">
                <a class="_blank" href="{$instagram_url|escape:html:'UTF-8'}">
                    <span>{ title ='Instagram' mod='blocksocial'}</span>
                </a>
            </li>
        {/if}
    </ul>
    <h4>{l s='Follow us' mod='blocksocial'}</h4>
</section>
<div class="clearfix"></div>

 

Link to comment
Share on other sites

Pas du tout non. Je vous ai donné un exemple dans mon message précédent :

<a class="_blank" href="{$instagram_url|escape:html:'UTF-8'}" title="Instagram">
	<span>{l s='Instagram' mod='blocksocial'}</span>
</a>

L'exemple ici est pour Instagram. Faites ceci pour chaque lien.

Link to comment
Share on other sites

  • Phenomene changed the title to [Résolu] Les liens n'ont pas de nom visible

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