Avisos
Vaciar todo

Problemas con CSS en el momento de pago en mi Prestashop  

Página 1 / 2
 
Luis
 Luis
Reputable Member

Buenas, tengo problemas con la forma en la que Prestashop muestra las cuatro formas de pago que tengo activas, sobre todo con la última que he activado, la de pago con tarjeta.
Son cuatro imágenes con texto, las cuales no tienen el mismo CSS activo. Lo que más me preocupa es que la última, la de pago con tarjeta, ni siquiera ocupa lo mismo que las otras, queda todo muy raro y no da confianza hacia el cliente.

Podrían decirme cómo dejo todo igual y más ordenado??

Muchas gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/05/2015 11:02 am
Julen
 Julen
Miembro Admin

Hola,

Para poner todos los metodos de pago con el mismo fondo añada esta modificación:

p.payment_module {
    background-color: #FBFBFB;
 
}

En la ruta: /themes/Amaltea/css/customuser.css

Tendrás que copiar la linea indicada en el documento .css y guardar los cambios

ResponderCitar
Respondido : 14/05/2015 11:24 am

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

Luis
 Luis
Reputable Member

Y cómo podría cambiar el orden de los módulos?? esto es, que aparezca primero el pago con tarjeta.

Tambien, cómo hago para que todas tengan el mismo tamaño?? es un error gráfico considerable y que no entiendo..organiza las formas de pago muy mal.

ResponderCitar
Respondido : 15/05/2015 11:21 am
Julen
 Julen
Miembro Admin

Hola,

Revisa la siguiente información por si te puede servir:

https://www.prestashop.com/forums/topic/188540-como-cambiar-el-orden-de-los-metodos-de-pago/

http://www.bubuku.com/blog/cambiar-orden-visualizacion-los-modulos/

Saludos

ResponderCitar
Respondido : 15/05/2015 11:39 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Luis
 Luis
Reputable Member

Ok, lo del orden arreglado. Lo del aspecto gráfico qué hago?? cómo podría resolverlo??

Muchas gracias.

ResponderCitar
Respondido : 19/05/2015 10:50 am
Rafael
 Rafael
Miembro Moderator

Hola Luis,

En relación al aspecto visual ¿te refieres a las imágenes que tienes en la portada o cuando se selecciona método de pago a la hora de comprar en la tienda?

En el primer caso, entiendo que las imágenes de la portada arriba no tienen ningún problema aparentemente. En caso contrario ¿podrías hacernos captura de lo que ves?

En el segundo caso (que sea en la pasarela de pago), necesitamos que nos crees una cuenta de cliente normal para que podamos ver cómo queda y cómo tienes el código colocado.

Quedamos a la espera de tu colaboración.

Saludos

ResponderCitar
Respondido : 19/05/2015 4:51 pm

Luis
 Luis
Reputable Member

Buenas, tengo problemas con la forma en la que Prestashop muestra las cuatro formas de pago que tengo activas, sobre todo con la última que he activado, la de pago con tarjeta.
Son cuatro imágenes con texto, las cuales no tienen el mismo CSS activo. Lo que más me preocupa es que la última, la de pago con tarjeta, ni siquiera ocupa lo mismo que las otras, queda todo muy raro y no da confianza hacia el cliente.

Podrían decirme cómo dejo todo igual y más ordenado??

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 20/05/2015 11:19 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Paso nota para que revisen este asunto. Es posible que hoy mismo te podamos dar una respuesta.

ResponderCitar
Respondido : 20/05/2015 4:06 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Luis
 Luis
Reputable Member

Muchas gracias Pablo.

ResponderCitar
Respondido : 21/05/2015 10:47 am
Luis
 Luis
Reputable Member

Sabemos algo sobre este tema??? muchas gracias

ResponderCitar
Respondido : 22/05/2015 11:49 am

Cursos Gratuitos WordPress

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Te paso una solución para que la pruebas. Sube el archivo views.zip que te adjunto en la ruta themes/Amaltea/modules/servired de tu web y descomprímelo (puedes usar el administrador de archivos de CPanel para hacer esto).

Se generará un directorio views con contenido dentro que cambiará el diseño del pago con tarjeta de crédito.

ResponderCitar
Respondido : 22/05/2015 8:11 pm
Luis
 Luis
Reputable Member

He probado lo que me envias y es un buen parche, pero no es una solucción. Aquí te envío una captura de pantalla para que puedas ver como queda. Cláramente los dos css de los primeros pagos son difrentes a los otros dos. Mejor así que como estaba, pero no está. Se podría dejar todo 100% listo o no podemos hacer más que este parche??

Muchas gracias por toda la ayuda.

ResponderCitar
Respondido : 25/05/2015 10:56 am

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El método de pago pone la imagen o icono, la solución sería ocultar la imagen o icono y sólo que se vea el texto, de esta manera estarían similares.

Saludos

ResponderCitar
Respondido : 25/05/2015 6:47 pm
Luis
 Luis
Reputable Member

Bien, el problema no es sólo que la imagen sea de otro estilo, que ya de por si es un poco cantoso, pero el problema que veo es que son cuatro módulos iguales y cada uno tiene un CSS aplicado distinto. Esto es, los dos nuevos no tienen ni la flechita, ni hacen el juego de color en el rollover.
Vuelvo a preguntar, se podría dejar todo 100% listo o no podemos hacer más que este parche??

Muchas gracias!!!

ResponderCitar
Respondido : 26/05/2015 10:34 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Dentro de los archivos de tu plantilla ubica :
/themes/TU_THEME/css/global.css

En la línea 7348 aprox ubica :

p.payment_module a.cheque:after, p.payment_module a.bankwire:after, p.payment_module a.cash:after

Simplemente en la misma línea al final agrega: , p.payment_module a:after

p.payment_module a.cheque:after, p.payment_module a.bankwire:after, p.payment_module a.cash:after, p.payment_module a:after

Deja la llave de inicio al final de lal línea { esto no lo toqueas

Con esto conseguiras la flecha, sin embargo tendrás que limpiar cache para que la visualices ya que actualmente veo que usas cache.

Saludos

ResponderCitar
Respondido : 26/05/2015 7:05 pm
Página 1 / 2