Mostrar el botón añadir al carrito al pasar el cursor (estado hover) sobre los productos en divi

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ม.ค. 2025

ความคิดเห็น • 73

  • @pepigomez224
    @pepigomez224 2 ปีที่แล้ว +2

    Tienes un don para explicar. Me alegro haberme encontrado contigo.
    Gracias

    • @OVDIVI
      @OVDIVI  2 ปีที่แล้ว +1

      Muchas gracias por las palabras Pepi. Un abrazote.

  • @adriana-hq6jp
    @adriana-hq6jp 2 ปีที่แล้ว

    perfecto ,GRACIAS !! EL MEJOR VIDEO SOBRE ESTE TEMA ! ME HA QUEDADO MUY GUAPO .

    • @OVDIVI
      @OVDIVI  2 ปีที่แล้ว

      Genial Adriana, de eso se trata 😀

  • @DavidguarnerosGonzalez
    @DavidguarnerosGonzalez 2 ปีที่แล้ว +1

    Excelente video Oscar, muchas gracias amigo, video de gran ayuda !! saludos

    • @OVDIVI
      @OVDIVI  2 ปีที่แล้ว

      Genial David, me alegra saber que te ha servido. Un abrazote

  • @christiancastrobrante8067
    @christiancastrobrante8067 3 ปีที่แล้ว

    excelente la manera de explicar, lo haces todo muy simple.
    Me suscribo como no te vi antes !!!

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Muchas gracias Chrisitan, seguiremos así :) ¡Un abrazo!

  • @chilexilex
    @chilexilex 2 ปีที่แล้ว

    me sirvió! gracias pa, saludos desde chile!

    • @OVDIVI
      @OVDIVI  2 ปีที่แล้ว +1

      Excelente! Saludos hasta Chile :)

  • @Mcferg_Official
    @Mcferg_Official 2 ปีที่แล้ว

    buenisimo el tutorial, eres mi heroe!!

    • @OVDIVI
      @OVDIVI  2 ปีที่แล้ว

      Gracias por el apoyo María. ¡Seguimos! 💪

  • @mgb2782
    @mgb2782 3 ปีที่แล้ว

    Gracias, funciona perfecto!!

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Genial :) ¡Un abrazo!

  • @felipebaquedano8883
    @felipebaquedano8883 ปีที่แล้ว

    Hola Oscar, como siempre una maravilla de tutorial...... por favor tu ayuda con una pregunta... como agregar un botón leer mas o detalles en cada prodcuto desde la tienda... pero la tienda está desactivada solo se usa como catalogo.... Agradeciendo tu ayuda.... como siempre un abrazo!

    • @OVDIVI
      @OVDIVI  ปีที่แล้ว

      Hola Felipe, muchas gracias. ¿Necesitas reemplazar el botón de "añadir a carrito" por "leer más"? Si es eso te recomiendo este post: ayudawp.com/como-cambiar-el-texto-anadir-al-carrito-en-woocommerce/

  • @Ricardo_SEO
    @Ricardo_SEO 3 ปีที่แล้ว

    eres bueno bro, gracias y felicidades

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว +1

      Muchas gracias Ricardo. Saludos.

  • @jose_prk
    @jose_prk 3 ปีที่แล้ว +1

    Hola Oscar! Gracias por el tutorial. Querría saber si podrías enseñarnos esto mismo pero con el botón de "vista rápida".
    Un saludo!

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว +1

      Lo anotaré para un tutorial José. Gracias.

  • @krusel90
    @krusel90 3 ปีที่แล้ว +1

    Hola Oscar, Antes que nada Gracias por los tutoriales. Están excelentes para los que vamos empezando. De hecho estoy por suscribirme a los videos premium :)
    De casualidad tendrás algun tutorial sobre como ponerle un contador al icono de carrito del menú? para que se vaya mostrando cuantos artículos se han agregado.
    Saludos,

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Hola Alex, muchas gracias.
      Tengo un tutorial premium dónde agregamos un carrito ajax: ovdivi.com/como-agregar-un-carrito-ajax-de-woocommerce-con-desplazamiento-lateral-en-divi-sin-plugins/
      Si quieres solamente agregarle el contador al carrito por defecto de divi, también se puede y tengo un snippet en los fragmentos para woocommerce para lograrlo: ovdivi.com/divi-snippets/

    • @krusel90
      @krusel90 3 ปีที่แล้ว

      @@OVDIVI Excelente, voy a ver ambas opciones. Muchas gracias :)

  • @lgsitiosweb
    @lgsitiosweb 3 ปีที่แล้ว

    Hola Oscar, muy buen tutorial. te hago una consulta... como puedo eliminar el icono del botón?

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Hola muchas gracias, el icono lo eliminas desde el mismo personalizador de temas. Pero si no se elimina puedes pegar el siguiente fragmento CSS en el Personalizador de temas > CSS Adicional:
      .woocommerce .products .add_to_cart_button:after {
      display: none;
      }

    • @lgsitiosweb
      @lgsitiosweb 3 ปีที่แล้ว +1

      @@OVDIVI claro pero no se elimina, pruebo, muchas gracias

  • @nickslab3589
    @nickslab3589 3 ปีที่แล้ว

    Hola Oscar gracias por el tutorial hay alguna manera de que después de la compra ponga el producto como adquirido o ya comprado ? algo como se ve el producto que sale una etiqueta de oferta pero de envés de eso saliera como adquirido. es mas que todo para productos digitales que se adquieren solo una vez,
    gracias estoy buscando por todo lado pero no encuentro información

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว +2

      Hola Nicks, wow! La verdad no había pensado en esa funcionalidad, puede ser interesante. No tengo la solución por ahora pero me voy a poner a investigar para ver si logro realizar algo así.
      Gracias por la idea Nicks, saludos.

  • @eliasgonzalez3184
    @eliasgonzalez3184 3 ปีที่แล้ว

    Una pregunta, ese botón agrega un solo prodcuto, si deseamos que indique la cantidad que se puede hacer. por ejemplo compara dos unidades de un producto. Gracias

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว +1

      Hola necesitas agregar campos personalizados con una nueva función, eso lo logramos en este tutorial exclusivo de la academia: ovdivi.com/agregar-categorias-etiquetas-seleccionar-cantidad-y-el-boton-anadir-al-carrito-en-los-productos-de-la-tienda-woocommerce-con-divi/

  • @cenocoelpiloto
    @cenocoelpiloto 3 ปีที่แล้ว +1

    Hola Oscar, muy buen tutorial como siempre. ¿Hay alguna forma de hacer que el botón quede centrado con la imagen del producto? yo lo hice transformando la caja de producto con display: grid y align-content: center , pero me da miedo que vaya a crear algún problema :/

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว +1

      Hola Andrés, si con ese código CSS te ha funcionado ¡Perfecto! No tiene porque generar un conflicto :)

    • @cenocoelpiloto
      @cenocoelpiloto 3 ปีที่แล้ว

      @@OVDIVI muchas gracias :)

  • @nuriacardenosa9723
    @nuriacardenosa9723 3 ปีที่แล้ว

    Gracias por tus videos. Te queria preguntar si el precio de 6 usd entran consultas
    Gracias

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Siempre estoy dispuesto a resolver cualquier duda que tengas relacionada a cualquier tutorial o a divi Nuria. Si es algo muy específico tendríamos que agendar una asesoría. Un abrazote.

    • @nuriacardenosa9723
      @nuriacardenosa9723 3 ปีที่แล้ว

      @@OVDIVI Que precio la asesoria? Gracias

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      @@nuriacardenosa9723 $30 USD la hora por video llamada :)

    • @nuriacardenosa9723
      @nuriacardenosa9723 3 ปีที่แล้ว

      @@OVDIVI Gracias, ya te diré algo. Muy amable

  • @luigi91mr
    @luigi91mr 3 ปีที่แล้ว

    Me sirvio para astra

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      ¡Wow! Excelente 🔥

  • @enriquebedoya4771
    @enriquebedoya4771 3 ปีที่แล้ว +1

    Hola Oscar, ¿Con que código puedo centrar el botón y el texto??

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว +2

      Hola Enrique, en el CSS en estas clases:
      .woocommerce ul.products li.product .button
      Agrega la propiedad "left" (tal como bottom: 70px;) y juegas con el valor en pixeles.

  • @alesaacosta876
    @alesaacosta876 3 ปีที่แล้ว

    Hola Oscar, queria saber como puedo cmbiar el tamano de las imagenes en woocommerce con divi. Gracias!

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Hola Alesa, desde el personalizador de temas > woocommerce tienes una opción para cambiar el tamaño y proporción de las imágenes.

  • @sofyruano8745
    @sofyruano8745 2 ปีที่แล้ว

    tengo un producto con variaciones, cómo puedo mostrar las opciones en la misma página de tienda con el boton de añadir el carrito?

    • @OVDIVI
      @OVDIVI  2 ปีที่แล้ว

      Hola Sofy, va depender del plugin de variaciones que estés utilizando. Aquí tienes un post de recomendaciones de plugins que puedes utilizar: wpastra.com/woocommerce-tutorial/woocommerce-product-variations/

  • @brianrios6714
    @brianrios6714 3 ปีที่แล้ว

    Hola porque el texto de los botones me queda en azul? aunque lo cambio cono tu en el video no cambia. Solo cambia cuando le paso el mouse por encima del boton, si no permanece azul (y le cambie el color supuestamente)

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Algún conflicto de CSS está pasando Brian. ¿Si cambiaste el color desde el personalizador de temas? ¿Cual es la url de tu web?

  • @tomasagreda2417
    @tomasagreda2417 2 ปีที่แล้ว

    Hola , mi pagina de tienda es una en blanco , como puedo tener la que divi muestra defecto ?
    Tengo divi y quizas creo que borre la pagina de tienda.

    • @OVDIVI
      @OVDIVI  2 ปีที่แล้ว

      Hola Tomas, ¿cuál es el link de tu página?

  • @nandoXTF
    @nandoXTF 3 ปีที่แล้ว

    Buen día, como puedo mover mas arriba el botón

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Hola Nando, busca esta línea en el CSS: bottom: 70px;
      y sube el valor...

  • @jasilvaleon
    @jasilvaleon 3 ปีที่แล้ว

    Hola Oscar! ¿Cómo se haría para ponerlo bajo el precio?

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Hola Jorge debes reemplazar el hook: woocommerce_after_shop_loop_item
      Por otro, aquí tienes los hooks para woocommerce: www.businessbloomer.com/woocommerce-visual-hook-guide-archiveshopcat-page/

  • @andresleyton2963
    @andresleyton2963 3 ปีที่แล้ว

    Hola :), podrias ayudarme Como podría personalizar el precio

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Hola Andres, el precio lo gestionas desde woocoommerce. Debes entrar a los ajustes de cada producto para configurar tu producto.

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Si deseas personalizar los estilos del precio, lo haces desde los ajustes del módulo tienda.

  • @alvaroarango2990
    @alvaroarango2990 3 ปีที่แล้ว

    No me funciono, en vez de aparecer el botón (AÑADIR AL CARRITO), aparece es el botón de (LEER MAS).
    No se que hacer, el botón añadir al carrito no aparece en ninguno de los productos de mi tienda.
    Gracias

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว +1

      Es por la configuración de tu producto amigo. Debes configurar bien el precio del producto, el stock, etc...

    • @alvaroarango2990
      @alvaroarango2990 3 ปีที่แล้ว

      @@OVDIVI gracias por escribir, me fue de ayuda ,👍🏻👍🏻👍🏻

  • @Daybrozz
    @Daybrozz 3 ปีที่แล้ว

    como es que estas ya monetizando este canal ? yo llevo meses y no lo logro

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Hola Antonio qué tal, no recuerdo si para monetizar debes llegar a las 10,000 visualizaciones. Creo que sí. O quizá a un mínimo de suscriptores, no recuerdo.
      Saludos.

    • @AdryPi.Digital
      @AdryPi.Digital 3 ปีที่แล้ว +1

      Porque es un genio OV DIVI explicando!!!!! Y TH-cam "lo sabe" ;)

  • @5webcadiz
    @5webcadiz 3 ปีที่แล้ว

    Muy buenas me he suscrito a pagar por meses y estoy teniendo varios problemas. No se como ponerme en contacto dado que no tengo ni facebook ni instagram podrias facilitarme un correo electronico dado que tengo varias dudas con el curso premium los cuales no puedo resolver. Espero que pueda ayudarme. espero respuesta.

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Hola, sí por supuesto amigo, puedes escribirme a hola@ovdivi.com :) y con gusto te atiendo. ¡Saludos!

  • @brianrios6714
    @brianrios6714 3 ปีที่แล้ว

    Hola porque en vez de decir "añadir al carrito" me dice "leer más"?

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Hola Brian, es por la configuración de tu producto. Debes configurarlo correctamente: que tengas stock.

    • @LazaroMoreno
      @LazaroMoreno 3 ปีที่แล้ว

      ​@@OVDIVI Hola Oscar, apliqué el tutorial. Pero quiero preguntar de qué forma puedo cambiar el texto que aparece cuando mi producto está agotado, ya que dice "leer más" y quisiera que diga tal cual "agotado" ¿Se puede hacer eso?

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      @@LazaroMoreno Hola, revisa este post que me encontré: diegol.top/woocommerce/snippets/cambiar-el-mensaje-de-agotado-en-woocommerce/
      Espero te pueda ayudar.

  • @juanenriquenavalon4499
    @juanenriquenavalon4499 3 ปีที่แล้ว +1

    Todo lo que haces es css o programación y Queri

    • @OVDIVI
      @OVDIVI  3 ปีที่แล้ว

      Hola Juan, el HTML y CSS no son programación. JavaScript lo es y jQuery es una librería de JavaScript :)

  • @DEaDLiVEYT
    @DEaDLiVEYT ปีที่แล้ว

    Pana, esa voz, es lo mejor para explicar, me caes bien sin conocerte

    • @OVDIVI
      @OVDIVI  ปีที่แล้ว

      Muchas gracias Pana como dicen ustedes. Un abrazo bro