Jump to content

Problema con el footer- SOLUCIONADO

Laura R.
 Share

Recommended Posts

Laura R. Newbie

Laura R.

Posted
Posted (edited)

Hola!!!

 

Tengo un problema con el blockcms. Os adjunto una foto para que lo veáis, no está en la misma línea que cms social...cómo lo arreglo?. Lo puse a la derecha pero no me aparece a la misma altura que el social...que es lo que quiero.

 

agradezco cualquier sugerencia!! graciasssss

post-1401965-0-41944900-1495910106_thumb.png

Edited by Laura R. (see edit history)
Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted (edited)

Por lo que veo usas una plantilla distinta por defecto.

 

Al principio iba a decirte que fueras a la pestaña modulos -> posiciones, pero en tu caso veo que parece mas temas de CSS, pero como no se puede ver tu web poco puedo decirte (ojea a modo de "pruebas" CSS en chrome desde boton derecho raton -> inspeccionar elemento -> console en esa parte)

 

Saludos,

Edited by Sergio Ruiz (see edit history)
Link to comment
Share on other sites
Laura R. Newbie

Laura R.

Posted
  • Author
Posted

Hola Sergio!!!  hice lo que me dijiste y no sé dónde puede estar el fallo...no es una posición de módulos, porque cuando activo el live Edit, se ve bien los dos cms: tanto el social como el de información, se ven en la misma línea pero luego no..adjunto las capturas para que lo veas

 

 

 

 

 

 

La web no está terminada por eso no la puedes ver, quieres que la active? te ayudaría eso?

 

 

post-1401965-0-02156200-1495975601_thumb.png

post-1401965-0-06535500-1495975608_thumb.png

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Ok, ya te la he activado...está sin terminar

es www.latuddu.com

Buenas noches, buenas tardes, buenos días,

 

He estado observando su web y su plantilla.

 

He visto que ahora solo muestras "dos modulos" en el pie de página.

 

He visto que en tu fichero:

 

https://www.latuddu.com/themes/PRS001/css/global.css

Tienes por ejemplo esto:

 

.footer-container #footer #social_block {
    bottom: 40px;
    float: left;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}

Esto que he visto, veo que en el bloque de redes sociales tienes el bottom a 40px,  tendrás que toquetear ese valor a tu gusto, si quieres el bloque de las redes sociales este menos o mas arriba.

 

Mas cosas que he visto, he visto que en el mismo fichero "global.css" tienes esto:

.footer-container #footer #block_various_links_footer {
    float: right;
    margin: 45px 0 0;
    padding: 0 80px 0 30px;
    position: relative;
}

En:

  margin: 45px 0 0;

Estas indicando un "margen superior" de 45px

 

Cuanto mas alto el numero mas abajo bajara el bloque de los enlaces de los cms que tienes en tu pie (aviso legal, preguntas frecuentes, etc..), cuanto mas bajo el numero mas arriba estará el bloque.

 

-------

 

Dicho esto, cuidado con tocar lo que te he dicho, porque si vas a instalar mas modulos en el pie de pagina, y ordenarlos de una manera u otra, cuidado vas a tener...

 

Dicho esto, te doy un consejo bien con "Inspeccionar elemento" como te ha dicho Sergio u con el mismo firebug, te puede ayudar a detectar en que fichero *.css se pueden hacer modificaciones en caso de que en un futuro necesites hacer modificaciones de CSS. (Tutorial firebug antiguo: https://www.prestashop.com/forums/topic/209203-uso-basico-de-firebug/ )

 

Otras veces el pie de pagina aparece descuadriculado tambien por las posiciones de los modulos que puedes ordenar tanto en el live edit de la pestaña modulos -> posiciones como de forma manual en la misma pestaña modulos -> posiciones en el bloque displayfooter

 

Suerte con la tienda,

Link to comment
Share on other sites
Laura R. Newbie

Laura R.

Posted
  • Author
Posted

Muchass gracias!! voy a estudiar ahora mismo loq ue me dices, no quiero poner más módulos así que, lo voy hacer. Iba a tocar el margin...pero me daba miedo descolocar todo...pero si tú me lo dices...eso va a MISA jejejejeje. Ahora te digo "Nadie"

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Muchass gracias!! voy a estudiar ahora mismo loq ue me dices, no quiero poner más módulos así que, lo voy hacer. Iba a tocar el margin...pero me daba miedo descolocar todo...pero si tú me lo dices...eso va a MISA jejejejeje. Ahora te digo "Nadie"

En tu caso, por ejemplo, deja esto:

 

.footer-container #footer #social_block {
    bottom: 40px;
    float: left;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}
asi:

 

.footer-container #footer #social_block {
    bottom: 10px;
    float: left;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}
Y esto:

 

.footer-container #footer #block_various_links_footer {
    float: right;
    margin: 35px 0 0;
    padding: 0 80px 0 30px;
    position: relative;
}
asi:

 

.footer-container #footer #block_various_links_footer {
    float: right;
    margin: 14px 0 0;
    padding: 0 80px 0 30px;
    position: relative;
}
Te he puesto un ejemplo rapido, ya es que cuestion de que tu lo ajustes a tus necesidades.
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Otro consejo, una vez que hayas realizado los cambios en el CSS, según estoy simulando en tu web se vera de la siguiente forma.
 
Adjunto pantallazo
 
asiahora-1024x542.png
 
Si quieres que los elementos se vean mas "juntitos" o mejor dicho mas centrados respecto al pie de pagina, es decir tal como se te voy a mostrar en la siguiente captura:
 
piepa-1024x561.png
 
Y como solo tienes dos elementos / bloques en esa parte, edita el fichero:
 

https://www.latuddu.com/themes/PRS001/modules/blocksocial/blocksocial.tpl

Cambia esto: (Por lo que veo en el codigo de tu web, busca algo parecido a esto)
 

<section id="social_block" class="pull-right block footer-block col-sx-12 col-sm-4

por
 

<section id="social_block" class="pull-right block footer-block col-sx-12 col-sm-6

Es decir, hemos cambiado:  "col-sm-4" por "col-sm-6"
 
Y en el fichero:
 
 

https://www.latuddu.com/themes/PRS001/modules/blockcms/blockcms.tpl

Parecido, segun veo en tu tienda, busca algo parecido a:
 

<section class="block footer-block col-xs-12 col-sm-4

Y cambialo a:
 

<section class="block footer-block col-xs-12 col-sm-6

Realmente lo que vamos a cambiar es:
 

col-sm-4

por
 

col-sm-6

Recuerda luego limpiar cache en Parametros Avanzados -> Rendimiento, si modificas los TPLS

 

Esto tiene sentido tambien aquí, porque tenemos solo 2 bloques en el pie en esa parte entonces reservamos un espacio para cada modulo a nivel de ancho, si tuvieras mas bloques esta modificación realizada no seria adecuada.

 

He puesto "col-sm-6" porque parecía que encajaba mejor, pero esto lo puedes variar

 

Saludos,

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hecho! voy entendiendo algo de las malditas columnas jajajaja!!

 

Gracias!!!!

Me alegro de haberte podido ayudar junto al compañero Sergio Ruiz

 

Si el tema finalmente ha quedado solucionado, no se te olvide añadir la palabra "Solucionado": https://www.prestashop.com/forums/topic/269515-solucionado-%C2%BFcomo-poner-la-palabra-solucionado-en-el-titulo-del-tema/ al titulo del tema.

 

Saludos,

Link to comment
Share on other sites
  • nadie locked this topic
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...