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
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
@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.
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!
@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.
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
Buenos días, adjunto el código donde podréis ver en rojo el código de la compañera.
Saludos y gracias.
Buenas, efectivamente el error era un cierre de llaves "}", ya está solucionado. Gracias
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