Avisos
Vaciar todo

[Resuelto] PERSONALIZAR HOME TIENDA WOOCOMMERCE  

 
Robert
 Robert
Reputable Member

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
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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

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

Robert
 Robert
Reputable Member

@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
 Bruno
Soporte CMS Webempresa 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

Cursos Gratuitos WordPress

Robert
 Robert
Reputable Member

@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
Soporte CMS Webempresa 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

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

Robert
 Robert
Reputable Member

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
Robert
 Robert
Reputable Member

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

Respondido : 21/12/2021 12:10 pm

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

Pepe
 Pepe
Soporte CMS Webempresa 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