Jump to content

Cambiar imagen redes sociales [Solucionado]

DcdacD

By DcdacD
in Discusión general

 Share

Recommended Posts

DcdacD Newbie

DcdacD

Posted
Posted (edited)

Buenas noches, acabo de configurar el perfil de Fbook por lo que he activado el módulo Bloque Social, el tema es que muestra una imagen muy pequeña y que no me gusta, como podria cambiarla ??

 

He estado buscando dentro del módulo pero no di con ella.

 

Por cierto, al mismo tiempo que añado, puedo eliminar el texto y hacer un efecto mouseover ??

 

Gracias.

post-533020-0-62146800-1368912462_thumb.png

Edited by DcdacD (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Buenas noches, acabo de configurar el perfil de Fbook por lo que he activado el módulo Bloque Social, el tema es que muestra una imagen muy pequeña y que no me gusta, como podria cambiarla ??

 

He estado buscando dentro del módulo pero no di con ella.

 

Gracias.

 

Por partes..

 

Las imagenes estan enlazadas en el css...

 

/themes/default/css/global.css

 


/*************** Block SOCIAL ***************/
#social_block {padding:15px 10px;}
#social_block li {padding-left:22px !important;}
#social_block li.facebook {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 6px;}
#social_block li.twitter {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -26px;}
#social_block li.rss {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -56px;}

 

Aqui:

 

/themes/default/css/global.css

 

Logicamente hablo de esto:

 

#social_block li.facebook {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 6px;}
#social_block li.twitter {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -26px;}
#social_block li.rss {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -56px;}

 

y de esta imagen:

 

http://www.factormusculo.com/modules/blocksocial/img/sprite_pict_social_block.png

  • Like 1
Link to comment
Share on other sites
DcdacD Newbie

DcdacD

Posted
  • Author
Posted

Anoche tras la ayuda de nadie fue fácil cambiar la imagen (modificación del global.css).

Lo que no consiguo ahora es quitar el texto Facebook y Siguenos y añadir la url del fbook al icono.

 

Tengo el modulo dentro de modules\ y tb en la carpeta themes\default\modules\

 

Cual es donde guarda la información ??

He intentado modificar los dos sin éxito para poder quitar el texto.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Anoche tras la ayuda de nadie fue fácil cambiar la imagen (modificación del global.css).

Lo que no consiguo ahora es quitar el texto Facebook y Siguenos y añadir la url del fbook al icono.

 

Tengo el modulo dentro de modules\ y tb en la carpeta themes\default\modules\

 

Cual es donde guarda la información ??

He intentado modificar los dos sin éxito para poder quitar el texto.

 

Los textos, los puedes cambiar en la pestaña Localizacion -> Traducciones -> Traducciones de los modulos.

 

Y las urls de las redes sociales, las puedes configurar en la pestaña modulos -> modulos -> bloque social -> configurar.

Link to comment
Share on other sites
DcdacD Newbie

DcdacD

Posted
  • Author
Posted

Hasta ahí esta claro, he estado leyendo otros posts.

Mi intención es quitar el SÍGUENOS y FACEBOOK y dejar los iconos que quiera (sin texto) y con el efecto que cambie de color como en la página principal de prestashop.

Ya tengo los iconos en color y en b/n en un mismo png siguiendo el ejemplo de prestahop pero no se:

Como quitar el texto que he mencionado antes

Como hacer que la imagen cambie de color.

 

Además he observado q al clickear sobre la red social se habré en la misma página y desearía que fuera en otra aparte pero no se dónde añadir el HTML pertinente.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hasta ahí esta claro, he estado leyendo otros posts.

Mi intención es quitar el SÍGUENOS y FACEBOOK y dejar los iconos que quiera (sin texto) y con el efecto que cambie de color como en la página principal de prestashop.

Ya tengo los iconos en color y en b/n en un mismo png siguiendo el ejemplo de prestahop pero no se:

Como quitar el texto que he mencionado antes

Como hacer que la imagen cambie de color.

 

Además he observado q al clickear sobre la red social se habré en la misma página y desearía que fuera en otra aparte pero no se dónde añadir el HTML pertinente.

 

Fichero:

 

En caso de que lo tengas sobreescrito en tu plantilla:

 

Fichero:

 

/themes/tu-plantilla/modules/blocksocial/blocksocial.tpl

 

Sino lo tienes sobreescrito en tu plantilla, seria el:

 

/modules/blocksocial/blocksocial.tpl

Link to comment
Share on other sites
DcdacD Newbie

DcdacD

Posted
  • Author
Posted (edited)

A que te refieres con sobreescrito ? El módulo lo tengo en ambos sitios como dije en el post 4, quite el texto 'facebook' y recargaba la página, tengo Forzar Template activado.

{if $facebook_url != ''}<li class="facebook"><a href="{$facebook_url|escape:html:'UTF-8'}">{l s='Facebook' mod='blocksocial'}</a></li>{/if}

Ahora mismo lo he eliminado de modules\blocksocial\blocksocial.tpl y nada

 

Tambien probé a eliminarlo dentro de mi theme y tampoco.

Edited by DcdacD (see edit history)
Link to comment
Share on other sites
DcdacD Newbie

DcdacD

Posted
  • Author
Posted (edited)

De algun sitio me falta modificar algo porque ahora he añadido en ambos sitios 

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

y nada.

No tengo ni idea de que me falta,

Edited by DcdacD (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

A que te refieres con sobreescrito ? El módulo lo tengo en ambos sitios como dije en el post 4, quite el texto 'facebook' y recargaba la página, tengo Forzar Template activado.

{if $facebook_url != ''}<li class="facebook"><a href="{$facebook_url|escape:html:'UTF-8'}">{l s='Facebook' mod='blocksocial'}</a></li>{/if}

Ahora mismo lo he eliminado de modules\blocksocial\blocksocial.tpl y nada

 

Tambien probé a eliminarlo dentro de mi theme y tampoco.

 

El que tienes que tocar es el que tienes en tu plantilla.

 

Y recuerda que tienes forzar compilacion en la pestaña Parametros Avanzados -> Rendimiento

 

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

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

La linea que has modificado dejala asi:

 

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

 

Y dime si se te abre en una nueva ventana o no ese enlace.

 

Pasito, a pasito, no te pongas nervioso.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

No, no se abre.

 

Dime que tienes aqui:

 

http://www.factormusculo.com/themes/default/modules/blocksocial/blocksocial.tpl

 

Pegame todo lo que tengas.

 

Por cierto, no tiene sentido colocar la imagen como fondo, cuando al fin y al cabo quieres quitar el texto, para eso dejalo asi:

 

 {if $facebook_url != ''}<li><a href="{$facebook_url|escape:html:'UTF-8'}" target="_blank" ><img src="{$module_dir}img/fbook.png" /></a></li>{/if}

Link to comment
Share on other sites
DcdacD Newbie

DcdacD

Posted
  • Author
Posted 

<div id="social_block">
<p class="title_block">{l s='Follow us' mod='blocksocial'}</p>
<ul>
   {if $facebook_url != ''}<li><a href="{$facebook_url|escape:html:'UTF-8'}" target="_blank" ><img src="../../../modules/blocksocial/img/fbook.png" /></a></li>{/if}
 {if $twitter_url != ''}<li class="twitter"><a href="{$twitter_url|escape:html:'UTF-8'}">{l s='Twitter' mod='blocksocial'}</a></li>{/if}
 {if $rss_url != ''}<li class="rss"><a href="{$rss_url|escape:html:'UTF-8'}">{l s='RSS' mod='blocksocial'}</a></li>{/if}
</ul>
</div>

 

Tras la modificación, como dices, claro no tiene sentido el link pero no sabía como hacer que el link fuera la imagen en vez del texto.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted 

<div id="social_block">
<p class="title_block">{l s='Follow us' mod='blocksocial'}</p>
<ul>
{if $facebook_url != ''}<li><a href="{$facebook_url|escape:html:'UTF-8'}" target="_blank" ><img src="../../../modules/blocksocial/img/fbook.png" /></a></li>{/if}
 {if $twitter_url != ''}<li class="twitter"><a href="{$twitter_url|escape:html:'UTF-8'}">{l s='Twitter' mod='blocksocial'}</a></li>{/if}
 {if $rss_url != ''}<li class="rss"><a href="{$rss_url|escape:html:'UTF-8'}">{l s='RSS' mod='blocksocial'}</a></li>{/if}
</ul>
</div>

 

Tras la modificación, como dices, claro no tiene sentido el link pero no sabía como hacer que el link fuera la imagen en vez del texto.

 

<div id="social_block">
<p class="title_block">{l s='Follow us' mod='blocksocial'}</p>
<ul>
 {if $facebook_url != ''}<li><a href="{$facebook_url|escape:html:'UTF-8'}" target="_blank" ><img src="{$module_dir}img/fbook.png" /></a></li>{/if}
 {if $twitter_url != ''}<li><a href="{$twitter_url|escape:html:'UTF-8'}"  target="_blank"><img src="{$module_dir}img/twitter.png" /></a></li>{/if}
 {if $rss_url != ''}<li><a href="{$rss_url|escape:html:'UTF-8'}"  target="_blank"><img src="{$module_dir}img/rss.png" /></a></li>{/if}
</ul>
</div>

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

El modulo me da problema con la comunicacion con el servidor,

Um...

 

Bueno..

 

Pues deja el forzar compilacion activo en la pestaña Parametros Avanzados -> Rendimiento. (Cache de plantillas -> Forzar Compilacion)

 

Deja la cache de smarty en "NO", que actualmente la tendras con una "V", dejala seleccionada con una "X"

 

Y cuando veas que se queda bien, vacia el directorio:

 

/cache/smarty/cache/ (menos el fichero index.php)

 

Y deja la cache de smarty en "V"

Link to comment
Share on other sites
DcdacD Newbie

DcdacD

Posted
  • Author
Posted

Digo yo no se, quizas sea el problema con el servidor lo mismo que me pasaba en el post y por lo que no pude instalar wordpress, pero como tu dices, pasito a pasito.

He estado leyendo sobre el módulo y aparentemente no da problemas, voy a continuar leyendo.

Link to comment
Share on other sites
DcdacD Newbie

DcdacD

Posted
  • Author
Posted (edited)

En cuanto termine de borrar revisare el tpl para ver si la renf era a _blank porque actualmente aunque no muestre el texto se continua abriendo sobre si misma.

 

Además esto como se logra ? lo comenté al inicio del post, quería ver el css para tomar nota de prestashop pero no tuve éxito.

 

 

 

Adjunto imagen:

 

Veo que cogen las imagenes de http://img-cdn.prestashop.com/sprites/sprite-global.png pero no se donde y como decir del mismo archivo png como elegir cada imagen según convenga.

post-533020-0-24987900-1368967780_thumb.png

Edited by DcdacD (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

En cuanto termine de borrar revisare el tpl para ver si la renf era a _blank porque actualmente aunque no muestre el texto se continua abriendo sobre si misma.

 

 

Pues yo estoy navegando por tu web ahora, y si se abre en una nueva ventana. :ph34r:

  • Like 1
Link to comment
Share on other sites
DcdacD Newbie

DcdacD

Posted
  • Author
Posted

Rubalcaba ya se te echaba de menos, jejeje.

 

Aceptamos barco, jejeje.

 

Listo entonces, pero como hacen los de presta para en una misma imagen jugar y darle la posición que quieren, como el ejemplo que puse anteriormente.

Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted (edited)

Rubalcaba ya se te echaba de menos, jejeje.

 

Aceptamos barco, jejeje.

 

Listo entonces, pero como hacen los de presta para en una misma imagen jugar y darle la posición que quieren, como el ejemplo que puse anteriormente.

 

Con lo que te ha dicho Nadie, aqui: http://www.prestasho...ost__p__1232860 puede subir directamente una imagen por red social..

Edited by Rubalcaba (see edit history)
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...