Jump to content
cespues

[Aporte] Añadir instagram en módulo 'blocksocial'

Recommended Posts

Prestashop versión 1.6.0.9
plantilla: default-bootstrap
 
 hay que modificar 2 archivos:[/size]
 
1.- /themes/default-bootstrap/css/global.css: busca la línea 6900 aprox., y donde encuentres este código:

.footer-container #footer #social_block ul li.pinterest a:before {
            content: "\f0d2"; }

debajo añades esto (así añadimos el icono del instagram):

.footer-container #footer #social_block ul li.instagram a:before {
            content: "\f16d"; }

2.- /themes/default-bootstrap/modules/blocksocial/blocksocial.tpl: busca la línea 64 aprox, y donde encuentres este código:

{if $pinterest_url != ''}
         <li class="pinterest">
         <a target="_blank"  href="{$pinterest_url|escape:html:'UTF-8'}">
         <span>{l s='Pinterest' mod='blocksocial'}</span>
         </a>
         </li>
        {/if}

debajo añades esto:

{if $instagram_url|escape:html:'UTF-8' != ''}
         <li class="instagram">
         <a target="_blank"  href="{$instagram_url|escape:html:'UTF-8'}">
         <span>{l s='Instagram' mod='blocksocial'}</span>
         </a>
         </li>
        {/if}
Edited by cespues (see edit history)

Share this post


Link to post
Share on other sites

 

Prestashop versión 1.6.0.9

plantilla: default-bootstrap

 

 hay que modificar 2 archivos:[/size]

 

1.- /themes/default-bootstrap/css/global.css: busca la línea 6900 aprox., y donde encuentres este código:

.footer-container #footer #social_block ul li.pinterest a:before {
            content: "\f0d2"; }

debajo añades esto (así añadimos el icono del instagram):

.footer-container #footer #social_block ul li.instagram a:before {
            content: "\f16d"; }

2.- /themes/default-bootstrap/modules/blocksocial/blocksocial.tpl: busca la línea 64 aprox, y donde encuentres este código:

{if $pinterest_url != ''}
         <li class="pinterest">
         <a target="_blank"  href="{$pinterest_url|escape:html:'UTF-8'}">
         <span>{l s='Pinterest' mod='blocksocial'}</span>
         </a>
         </li>
        {/if}

debajo añades esto:

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

Hola,

 

He realizado los cambios y no veo el icono de Instagram. Me salen los 4 de siempre.

En ..."Configurar redes sociales" modulo

Facebook

SÍNO
Twitter
SÍNO
Google
SÍNO
Pinterest
 
Edited by rulohead (see edit history)

Share this post


Link to post
Share on other sites

 

Hola,

 

He realizado los cambios y no veo el icono de Instagram. Me salen los 4 de siempre.

En ..."Configurar redes sociales" modulo

Facebook

SÍNO
Twitter
SÍNO
Google
SÍNO
Pinterest
 

 

Me auto contesto....aunque sale el boton de Pintarest en el Back luego en el Fronto muestra en el Instagram.

 

Todo ok, gracias por el aporte.

Share this post


Link to post
Share on other sites

Ok, me alegro que te funcione, sin embargo en el backOffice tb debería salir Instagram debajo de Pinterest, para añadir la url.

 

Cuidado no hayas sobreescrito el codigo, ten en cuenta que yo me refiero a que busques código y añadas debajo, no que substituyas código!

 

Saludos.

Share this post


Link to post
Share on other sites

Ok, me alegro que te funcione, sin embargo en el backOffice tb debería salir Instagram debajo de Pinterest, para añadir la url.

 

Cuidado no hayas sobreescrito el codigo, ten en cuenta que yo me refiero a que busques código y añadas debajo, no que substituyas código!

 

Saludos.

Lo he revisado por si había cometido el error de sobrescribir pero no esta correcto. Que en el back me salga de esta manera me es indiferente lo importante es el front.

Lo que si he visto es que cuadno estas en un producto sigue saliendo el Pintarest. ¿Eso donde se puede modificar?

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More