es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Woocommerce tema Astra mostrando dos botones de añadir al carrito

Estoy buscando ayuda. Tengo la versión gratuita de Astra. Muestra dos botones “añadir al carrito” o “seleccionar opción” en cada producto. ¿Cómo puedo eliminar uno de ellos?

Agregando este código se eliminan ambos botones:

.single.addtocartbutton, 
.addtocart_button { 
  display: none !important; 
}

.single-product .cart, .addtocart_button { 
  display: none !important; 
}

Lo mismo ocurre con este código (que es el código del botón superior, encontrado utilizando la herramienta de inspección):

.button.add_to_cart_button.product_type_variable { 
  display: none !important; 
}

Agregar este código no elimina ningún botón (que es el código del botón inferior, encontrado utilizando la herramienta de inspección):

.button.product_type_variable.add-to-cart_button { 
  display: none !important; 
}

¡Cualquier ayuda es muy apreciada!

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Para quitar uno de los botones “añadir al carrito” o “seleccionar opción” en cada producto en el tema Astra, puedes intentar agregar el siguiente código CSS a tu sitio web:

    .button.product_type_variable.add-to-cart-button { 
      display: none !important; 
    }
    

    Este código debe apuntar específicamente al botón inferior y eliminarlo, sin afectar al botón superior. Si este código no funciona, es posible que debas ajustar los selectores o probar un enfoque diferente.

    Siempre se recomienda hacer una copia de seguridad de tu sitio web antes de realizar cualquier cambio para asegurarte de que puedas revertirlo fácilmente si es necesario. ¡Buena suerte con tus cambios!

Comments are closed.