Personalizar la tie...
Avisos
Vaciar todo

Personalizar la tienda online  

 
Alexandra
 Alexandra
Noble Member

Hola,

Necesito personalizar esta tienda online, quiero empezar por cambiar el color del menú superior, es decir cambiar el color de fondo, el enlace y el color del texto del enlace. ¿Cómo lo hago?

saludos
Alexandra.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 24/06/2014 12:16 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 24/06/2014 2:45 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Alexandra
 Alexandra
Noble Member

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! 😉

ResponderCitar
Respondido : 25/06/2014 2:57 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 25/06/2014 6:30 pm

Cursos Gratuitos WordPress

Alexandra
 Alexandra
Noble Member

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

ResponderCitar
Respondido : 25/06/2014 6:54 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 25/06/2014 8:55 pm

Alexandra
 Alexandra
Noble Member

Holo Jhon, está hecho los cambios gracias!

Saludos

ResponderCitar
Respondido : 26/06/2014 4:24 pm