Jump to content

[Solucionado] Error mostrando bloque social en header


Recommended Posts

Hola,

estoy usando Prestashop 1.6, con la plantilla default-bootstrap adaptándole nuevo diseño, y me he encontrado con el problema de que no puedo mostrar el bloque social en el encabezado de la web, intento añadirlo al hook displayNav y no se muestra.

 

Alguien puede decirme si es posible hacerlo y tiene solución?

 

Dejo un par de capturas para mostrar el problema.

 

Gracias.

 

post-274950-0-62116100-1395931945_thumb.png

post-274950-0-56231400-1395931953_thumb.png

Link to comment
Share on other sites

Me han dado una solución que ha ido perfecta en el foro en inglés, la dejo aquí por si alguien estuviera interesado:

 

1º) Hay que modificar el archivo DirRaiz/modules/blocksocial/blocksocial.php

Y justo antes de la última llave de cierre introducir el siguiente código:

public function hookDisplayNav($params){
        return $this->hookDisplayFooter();
    }

2º) Luego nos vamos al archivo /themes/tutheme/css/global.css y añadimos el siguiente código

nav #social_block {
float: right;
width: 33%;
padding: 6px 15px 0 15px; }
@media (max-width: 767px) {
nav #social_block {
width: 100%;
float: left;
padding-top: 5px; } }
nav #social_block ul {
float: right; }
@media (max-width: 767px) {
nav #social_block ul {
float: none; } }
nav #social_block ul li {
float: left;
width: 40px;
text-align: center; }
@media (min-width: 768px) and (max-width: 991px) {
nav #social_block ul li {
width: 30px; } }
nav #social_block ul li a {
display: inline-block;
color: #908f8f;
font-size: 28px; }
@media (min-width: 768px) and (max-width: 991px) {
nav #social_block ul li a {
font-size: 20px; } }
nav #social_block ul li a span {
display: none; }
nav #social_block ul li a:before {
display: inline-block;
font-family: "FontAwesome";
vertical-align: -5px; }
nav #social_block ul li a:hover {
color: white; }
nav #social_block ul li.facebook a:before {
content: "\f09a"; }
nav #social_block ul li.twitter a:before {
content: "\f099"; }
nav #social_block ul li.rss a:before {
content: "\f09e"; }
nav #social_block ul li.youtube a:before {
content: "\f167"; }
nav #social_block ul li.google-plus a:before {
content: "\f0d5"; }
nav #social_block ul li.pinterest a:before {
content: "\f0d2"; }
nav #social_block h4 {
float: right;
margin-bottom: 0;
font-size: 21px;
line-height: 25px;
text-transform: none;
padding: 0 10px 0 0;
margin-top:0px;
}

El resultado es conseguir los botones de tus redes sociales en la posición superior de tu página.

 

Solución por vekia en http://www.prestashop.com/forums/topic/318911-social-block-in-displaynav-hook/?do=findComment&comment=1613797

 

Saludos a la comunidad.

Edited by Nando112 (see edit history)
  • Like 1
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...