Personalizar la tienda online  

Hola,

Para aplicar cambios en el diseño haz lo siguiente. En la administración de PrestaShop vete a Módulos->Módulos. Localiza el módulo de nombre Panel de Control de temas Leo y pulsa en Configurar. Aquí localiza el campo de nombre Perfil personalizado y anota el valor que está seleccionado.

Ahora vete a Módulos->Leo Live Theme Editor. En la parte derecha verás el diseño de tu web y en la izquierda una columna. En esta parte izquierda verás un parámetro de nombre Edit for. Selecciona el valor que habías anotrado antes. Debajo verás múltiples opciones para modificar el diseño de la web.

En concreto, para el menú principal despliega la pestaña MainMenu y aplica ahí los cambios.

Una vez que hayas terminado con las modificaciones pulsa en el botón SUBMIT de la parte superior.

Hola! Ya he cambiado el color del menú con las letras blancas. Pero me gustaría cambiar el color de la letra del enlace que está de color naranja por negro y el fondo que se mantenga igual. Eso opción en que parte del editor está???. Te copio captura de pantalla de lo que quiero cambiar.

Gracias! 😉

Hola,

Dentro de MainMenu tendrías que cambiar el valor de Color Link. Lo raro es que al hacer esto tendría que cambiar el color de todos los enlaces y, en tu caso el resto de enlace ya salen en color blanco.

Una opción sería cambiarlo directamente en la hoja de estilos CSS. Sería en el archivo hemes/leostyl/css/modules/leobootstrapmenu/megamenu.css, en concreto en siguiente código:

#cavas_menu.navbar-default .navbar-nav > li:hover a.has-category, #cavas_menu.navbar-default .navbar-nav > li:focus a.has-category, #cavas_menu.navbar-default .navbar-nav > li.active a.has-category {
  color: #ff6346;
  border-top: 3px solid #ff6346;
  margin-top: -3px;
  background: white;
}

Aquí habría que cambiar el valor de la propiedad color.

Objetivo cumplido, gracias! 😉

Por cierto también quiero personalizar el footer que está justo arriba del menú principal donde están los iconos de envío, garantía, etc. Personalizarlo del color rojo como el menú principal. ¿Podrías darme la ubicación exacta para hacer la modificación desde hoja de estilo css. Adjunto captura de imagen

Saludos

Hola Alexandra

Puedes hacerlo igualmente por CSS, ubica por ejemplo algun archivo css como :
/prueba/themes/leostyl/css/modules/leomanagewidgets/assets/styles.css

Luego agrega el siguiente código al final del archivo :

.box-services:hover span, .shopping_cart > a:before{
	background-color:blue !important
}

Evidentemente deberás cambiar blue por un color diferente

Saludos.

Holo Jhon, está hecho los cambios gracias!

Saludos