Un usuario preguntó 👇
Cuando opta por un producto, la imagen tiene una superposición blanca. He eliminado el botón «comprar ahora» que estaba visible, pero creo que dejó atrás la superposición. ¿Alguien puede ayudarme a eliminar esto?
Usé este código para eliminar el botón:
ul.products li.product .product-button-wrap .add-to-cart-button-wrap .button, .add-to-cart-button-wrap .button {display: none; }
Probé un código diferente para eliminar la superposición, que incluye:
div.prod-img-wrap: after {background: none! importante; }
Tal vez noté que usé el plugin ‘product flipper’, pero ahora está deshabilitado pero la imagen del producto sigue fluyendo (algo que necesito)
Me puedes ayudar, por favor
Gracias.
[ Please do not bump. ](@champañacafe)
Hace 1 año, 7 meses
Realmente agradecería algún apoyo en esto
(@anevins)
Donante de WCLDN 2018 Apoyo voluntario
Hace 1 año, 7 meses
@champagnecoffee, Algunas cosas;
1) Si necesita soporte urgente puede considerar el servicio comercial del autor del tema; https://themeisle.com/contact/
O consiga otro tema gratuito con mejor soporte.
2) Si desea continuar usando el tema gratuito, debe asumir que hay menos soporte. Por favor, no bloquee su hilo ni rompa las pautas del foro para tratar de evitarlo.
3) Considere aprender a usar las barras de herramientas de desarrollador de su navegador para comprender los estilos de su sitio.
4) La solución que se me ocurrió al usar las herramientas de desarrollo de Chrome es que se le aplique un estilo de desplazamiento after Selector falso de CSS. Para anularlo, agregue esto a su «CSS adicional» del panel:
html .shop-item:hover .shop-item-image:after {
background: none;
}
https://developers.google.com/web/tools/chrome-devtools/css/
(@champañacafe)
Hace 1 año, 7 meses
@anevins MUCHAS gracias. Pasé semanas probando la consola de auditoría e intenté un error para resolver esto. Soy un novato, así que haz todo lo posible por resolver las cosas antes de pedir ayuda.
Este fue mi problema (para futuros lectores)
¡El código anterior está arreglado!
Gracias de nuevo y agradezco tu consejo en el foro de soporte. ¡Prestaré atención la próxima vez!
(@champañacafe)
Hace 1 año, 7 meses
¿Podría ayudarme a hacer lo anterior en cada página de producto / categoría como lo hizo con la página de inicio?
Gracias 🙂
Esta respuesta fue modificada hace 1 año, 7 meses.
(@anevins)
Donante de WCLDN 2018 Apoyo voluntario
Hace 1 año, 7 meses
Reemplace el código que sugerí con:
html .shop-item:hover .shop-item-image:after,
html .product:not(.elementor):hover .prod-img-wrap:before,
html .shop-item:hover .prod-img-wrap:before,
html .prod-img-wrap:hover:before {
background: none;
}
(@champañacafe)
Hace 1 año, 7 meses
¡Muchas gracias por ser perfecto! Le agradezco que se haya tomado el tiempo de ayudarme.
De hecho, utilicé ambos fragmentos de código para obtener el resultado final que quería: sin superposición en blanco en ninguna página (tanto de inicio como de esas páginas de categorías específicas) y eliminar el botón «comprar ahora» Coloca el cursor sobre esas páginas también.
Parece haber un pequeño problema técnico con el cuadro «comprar ahora» que aparece al cambiar de página y luego salir.
Gracias de nuevo.
Esta respuesta fue modificada hace 1 año, 7 meses. Esta respuesta fue modificada hace 1 año, 7 meses. Esta respuesta fue modificada hace 1 año, 7 meses.
¿Solucionó tu problema??
0 / 0