[Résolu] Création bouton pour URL stockée

[Naylou]

Bonjour,

Je reviens vers vous pour une petite colle :

Tout d'abord, je suis sur la version 1.7.6.1 de prestashop.

Je vois dans la partie client du back-office, un champ "Site Web".

Je souhaiterai me servir de l'URL qui sera stockée dedans, pour créer un bouton sur l'espace du client et ce bouton mènera vers l'URL renseignée.

Est-il possible de faire cela?

Voila une représentation de ce que je souhaiterai :

En revanche, je tiens à préciser que je ne suis pas développeuse et que je viens vers vous pour de l'aide. je peux créer le bouton en CSS, habiller un peu tout ca, mettre l'url dans le back-office, mais le reste je ne saurai pas faire 😕

Pouvez-vous m'aider svp?

En vous remerciant par avance. 🙂

Edited November 22, 2019 by Naylou (see edit history)

[AlexanderOs]

Bonjour

Vous pouvez récupérer et afficher le lien du site à partir du fichier my-account.tpl.

Si vous utilisez le thème classic voici le chemin "classic\templates\customer\my-account.tpl".

Apres il ne reste plus qu'a l'éditer en ajoutant après la condition "$customer.addresses|count" :

      {if $customer.website|count}
        <a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="addresses-link" href="{$customer.website}" target="_blank">
          <span class="link-item">
            <i class="material-icons">public</i>
            {l s='Site Web' d='Shop.Theme.Customeraccount'}
          </span>
        </a>
      {/if}

Vider le cache

Et voila 😎

[Naylou]

Merci AlexanderOs 🙂

Le truc c'est que je ne comprends pas bien ce qu'il faut faire en fait.

j'utilise bien le theme classic. Dans mon fichier my-account.tpl, j'ai bien cela :

 {if $customer.addresses|count}
        <a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="addresses-link" href="{$urls.pages.addresses}">
          <span class="link-item">
            <i class="material-icons">&#xE56A;</i>
            {l s='Addresses' d='Shop.Theme.Customeraccount'}
          </span>
        </a>
      {else}
        <a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="address-link" href="{$urls.pages.address}">
          <span class="link-item">
            <i class="material-icons">&#xE567;</i>
            {l s='Add first address' d='Shop.Theme.Customeraccount'}
          </span>
        </a>
      {/if}

Mais du coup je ne comprends pas ce que je dois rajouter, mise à part l'adresse URL dans le Back-Office.

Dois-je rajouter quelque chose dans le code?

[AlexanderOs]

Bonjour 

Apres ce block ajoute celui que j'ai posté plus haut vide le cache et actualise ta page.

{if $customer.addresses|count}
    <a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="addresses-link" href="{$urls.pages.addresses}">
        <span class="link-item">
            <i class="material-icons">&#xE56A;</i>
            {l s='Addresses' d='Shop.Theme.Customeraccount'}
        </span>
        </a>
{else}
    <a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="address-link" href="{$urls.pages.address}">
        <span class="link-item">
            <i class="material-icons">&#xE567;</i>
            {l s='Add first address' d='Shop.Theme.Customeraccount'}
        </span>
    </a>
{/if}

{if $customer.website|count}
    <a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="addresses-link" href="{$customer.website}" target="_blank">
        <span class="link-item">
            <i class="material-icons">public</i>
                {l s='Site Web' d='Shop.Theme.Customeraccount'}
        </span>
    </a>
{/if}

 

[Naylou]

C'est parfait ! c'est exactement ce que je voulais !!!

Merci beaucoup ! 🙂

[AlexanderOs]

Je t'en prie, tu peut donc passer le topic en resolu. 

Bonne continuation 😉

[Naylou]

On fait comment? 😛

[AlexanderOs]

Pour marquer un topic comme [Résolu] :
- Editer le premier post du topic en cliquant sur le bouton "Editer",
- Cliquer sur le bouton "Utiliser l'éditeur complet",
- Ajouter la mention "[Résolu] " au début du titre de votre topic et cliquez sur le bouton "Envoyer le message modifié".