Avisos
Vaciar todo

[Resuelto] PERSONALIZAR HOME TIENDA WOOCOMMERCE

9 Respuestas
4 Usuarios
0 Reactions
27 Visitas
Respuestas: 295
Reputable Member
Topic starter
 

Buenas tardes, uno de mis temas de inicio que me ayudaron bastante era tener un diseño como el externo que tenemos en nuestra web que corresponde a pago por suscripción:

https://login.debit2go.com/debit2go_portal/agrupacion/comercio/2yu0572oa0z

 

Lo que estamos buscando es dar un efecto similiar a la web de debit2go cuando pasamos el ratón sobre los productos de la home de nuestra tienda:

https://kingsschoolofenglish.com/mensualidades/

En su defecto, si hay alguna propiedad del CSS para darle efecto al box que encubre el producto.

 

Muchas Gracias, un saludo.

 

 

 

Contenido solo visible a usuarios registrados


 
Respondido : 17/12/2021 5:40 pm
Tags del tema
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Robert, 

En este caso entiendo quieres darle el mismo efecto de hover cuando se está en la página de los productos, si es así verifica si el siguiente código CSS te permite añadir lo que necesitas

.woocommerce ul.products li.product .ope-woo-card-item:hover {
box-shadow: 0px 0px 15px 7px #ccc;
}

Revisa esto y nos comentas como ha ido todo

Un Saludo 


 
Respondido : 17/12/2021 5:59 pm
Respuestas: 295
Reputable Member
Topic starter
 

@karen efectivamente  buscamos el efecto hover. Pero al pegar el código que me facilitas me aparece como si hubiera un error en el mismo como adjunto en la captura.

 

Muchas gracias, un saludo.

karencss

 


 
Respondido : 18/12/2021 7:51 pm
Bruno
Respuestas: 6488
Illustrious Member Moderator
 

Que tal Robert,

Veo en la captura que nos adjuntas hay codigo en rojo y no se puede ver completa, nos puedes compartir un vistazo mas amplio? parece que hay un error en el codigo y por ello no te esta tomando el estilo compartido por mi compañera

Nos comentas, Saludos!


 
Respondido : 18/12/2021 8:11 pm
Respuestas: 295
Reputable Member
Topic starter
 

@bruno-vichetti efectivamente, el código que envío Karen es el que está en rojo y por ello sólo he capturado el mismo. Puede probarlo y comprobar lo que le adjunto.

 

Quedo a la espera de vuestra respuesta, gracias.


 
Respondido : 20/12/2021 9:58 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Robert.

El código que te adjunto mi compañera Karen esta bien.

Por favor adjunta una captura de todos los códigos que tienes añadidos en esa sección para que lo podamos revisar, en la captura que adjuntaste antes no se puede ver bien todos los códigos añadidos.

 

Un saludo

 


 
Respondido : 20/12/2021 10:26 am
Respuestas: 295
Reputable Member
Topic starter
 

Buenos días, adjunto el código donde podréis ver en rojo el código de la compañera. 

 

Saludos y gracias.

codigo

 


 
Respondido : 21/12/2021 12:06 pm
Respuestas: 295
Reputable Member
Topic starter
 

Buenas, efectivamente el error era un cierre de llaves "}", ya está solucionado. Gracias


 
Respondido : 21/12/2021 12:10 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Robert

Exacto, faltaba el cierre del código que tienes en la parte superior.

Me alegra muchísimo que lo encontraras y lo solucionaras.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Cerramos el tema.

Un saludo

 


 
Respondido : 21/12/2021 12:33 pm