Avisos
Vaciar todo

Elementos del Configurador de Temas horizontal/vertical

5 Respuestas
3 Usuarios
0 Reactions
797 Visitas
Respuestas: 70
Trusted Member
Topic starter
 

Hola,
Estoy utilizando la plantilla Carme y cuando cambié el configurador de temas que adjunto de posición con la opción "Live Edit", sus elementos se me colocaron en vertical (imagen adjunta).
¿Cómo podría colocarlos en horizontal en esta nueva posición? ¿Se puede hacer modificando el .css? Si es así, ¿me pueden pasar el fragmento de código?
Muchas gracias.
Un saludo,
Mónica

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 27/06/2016 1:48 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola.
Tienes la web en mantenimiento, puedes activarla para que podamos comprobar lo que nos indicas?.

Adicionalmente, al cambiarlo de posición cambia también toda la estructura ya que cada posición tiene su programación independiente.

Un saludo


 
Respondido : 27/06/2016 2:53 pm
Respuestas: 70
Trusted Member
Topic starter
 

Hola,
Perdón, ya la he activado.
Pero incluso intentando colocarla en la posición inicial, no he podido volver a poner los elementos en horizontal.
Un saludo,
Mónica


 
Respondido : 27/06/2016 2:56 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Veo que has tratado de poner estos elementos cerca del footer, de manera general , en la versiones actualmetne de PrestaShop, no es siempre válido cambiar de posición un módulo y esperar que funcione igual (al menos visualmente) PrestaShop es muy estricto con las posiciones y un módulo se programa para una posición y si lo cambias de posición no funciona.

Para dar un aspecto similar en esta nueva posición podrías hacerlo con CSS, ubica este archivo :

/themes/Carme/css/global.css

Al final agrega el siguiente código CSS

#htmlcontent_home{
  clear:both;
}

#htmlcontent_home li{
float:left;
  margin:4px;
  padding:10px 15px!important;
  width:30%;
  border-radius:6px;
  background-color:lightgray;
}

#htmlcontent_home li div.pull-left i{
	font-size: 30px;
  	margin-right:10px;
  	padding-top:20px;
	display:inline-block;
}

#htmlcontent_home li .icon-double-angle-right{
	float:right;
}

@media (max-width:768px){
	#htmlcontent_home li{
		float:none;
  		width:100%;
	}
}

Puedes cambiar el color lightgray por el color que desees.

Saludos.


 
Respondido : 27/06/2016 5:42 pm
Respuestas: 70
Trusted Member
Topic starter
 

Gracias, ¡ya se ve como quería!


 
Respondido : 28/06/2016 10:13 am