🥇 Carrusel de Productos Woocommerce en Divi SIN PLUGINS (Carrusel / Slider)| En sólo 3 pasos!! 🥇

Поділитися
Вставка
  • Опубліковано 23 січ 2025

КОМЕНТАРІ • 171

  • @sylvanaduenas3674
    @sylvanaduenas3674 11 місяців тому

    @Victor Aquino, ha sido una experiencia fascinante seguir cada uno de tus tutoriales y los artículos. Son claros y precisos. Todo lo que he implementado me ha funcionado a la primera vez. MIL GRACIAS!!!!

  • @jahir7427
    @jahir7427 Місяць тому +1

    Eres un capo hermano 🫡

  • @dongalardon
    @dongalardon 2 роки тому +4

    Este man es un artista. A la primera no me salió, pero al revisar el articulo, hay una actualización y ahi si funciono a la perfección. MIL GRACIAS

  • @SegurPlus
    @SegurPlus 2 роки тому +2

    Este video es una joya, ahorro de dinero, y del tiempo de carga para la web. Muchas gracias!

  • @anibalfernandez757
    @anibalfernandez757 3 роки тому +2

    Trabajo con Divi desde hace poco más de un año. He visto y leido toneladas de información sobre Divi Theme. Pero primera vez que un video es tan directo, rápido y sencillo de seguir. Gracias

  • @claudiarojas7403
    @claudiarojas7403 Рік тому

    Muchas gracias por los vides. Te he descubierto hace poquito y me estás ayudando muchísimo

  • @MatchPoint-l2q
    @MatchPoint-l2q Рік тому +1

    Si funciona! Gracias. Revisen el post que hubo una actualización

  • @sphunkgrafix6718
    @sphunkgrafix6718 3 роки тому +2

    Excelente tutorial ! Breve, claro, conciso y muy bien explicado, sin añadir información que no aporte nada a la explicación. Un 10 👍

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  3 роки тому +1

      Muchísimas Gracias por el apoyo 🙂

    • @WindChartES
      @WindChartES 2 роки тому

      @@victoraquino-paginaswebypr9782 no dejaste eso enlaces mi estimado amigo para copiar el js lo que dice en minutos 1:30 espeor me envia los enlaces xd

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  2 роки тому +1

      @@WindChartES Hola amigo, los códigos aparecen cuando dejas tu correo en el formulario. Si tienes dudas puedes escribirme al imbox: m.me/VictorAquinoPagina

  • @cachidiseno
    @cachidiseno Рік тому +2

    Hola, muchas gracias por este recurso!!!!! OJO sigan las instrucciones del Blog está actualizado y es el que es Efectivo. El video es demostrativo de una versión anterior por asi decirlo.

  • @joluquispe
    @joluquispe 3 роки тому

    Genial! Tío ostias este video estuvo buenisimo. rara vez me suscribo pero esto vale la pena, buen contenido preciso y a lo que uno busca sin palabreos. excelente!

  • @JonnyRodriguez-p3g
    @JonnyRodriguez-p3g Рік тому

    Buen video, directo a lo que se necesita.

  • @rodolfogrillo3659
    @rodolfogrillo3659 Рік тому

    Muchas gracias por el aporte!!! abrazos!!!

  • @Redwebagencia
    @Redwebagencia Рік тому

    Víctor...es genial!

  • @bryanhernandez9940
    @bryanhernandez9940 2 роки тому

    ¡Tú eres genial!

  • @titog.romero6186
    @titog.romero6186 Рік тому

    hoy lo voy a probar a ver que tal sale, desde ya gracias por el tutorial

    • @titog.romero6186
      @titog.romero6186 Рік тому

      Ok , ya me salió, es bastante sencillo aplicarlo con el artículo, saludos

  • @Mcferg-f3d
    @Mcferg-f3d 2 роки тому

    Me sirvió a la perfección lo recomiendo! ¡Muchas gracias!

  • @ggv2001
    @ggv2001 2 роки тому

    gran aporte Victor! ya lo probaré! gracias

  • @drax.2460
    @drax.2460 9 місяців тому

    Muchas gracias, vamos a probar :)

  • @xeniagarregraphics250
    @xeniagarregraphics250 2 роки тому

    En el enlace del artículo se explica muy bien!

  • @carmenmfq2703
    @carmenmfq2703 2 роки тому

    Hola, empiezo a seguirte. Gracias

  • @Premium-byte
    @Premium-byte 8 місяців тому

    Excelente video Victor, gracias

  • @ileana9184
    @ileana9184 2 роки тому

    Espectacular, funcionó super bien!

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  2 роки тому

      Me alegra oír eso. Si deseas, no olvides confirmar tu correo en el mail que llegó a tu bandeja de entrada, para recibir nuevos trucos, códigos y más. ;)

  • @JulianSilvaC
    @JulianSilvaC Рік тому

    excelente, la actualización funciona muy bien

  • @joaquimmarzo1626
    @joaquimmarzo1626 2 роки тому +2

    Hola Victor. En tu blog lo presentas de otra forma. Por ejemplo, no pones el codigo para sincronizar con la libreria Splide.js

  • @preda9
    @preda9 Рік тому

    se puede realizar en el tema Astra?

  • @espectroteam1960
    @espectroteam1960 2 роки тому

    Excelente!!! quedó de maravilla, importante recordar lo de la actualización para que funcione!!

    •  2 роки тому

      Hola Espectro Team, a qué actualización haces referencia? Saludos

  • @maikymadnesskreation8646
    @maikymadnesskreation8646 2 роки тому

    Quiero darle un efecto de arco a las imágenes como podría lograrlo?

  • @flechasiete
    @flechasiete Рік тому

    Excelente... mil gracias...!!!

  • @rufai23
    @rufai23 Рік тому

    Hola, muchas gracias por el tutorial, pero mi menú movil y en tablet, no se centra y queda omo hueco a la izquerda hasta llegar a la hamburguesa y no se ve si no giras el móvil. En Escritorio se ve bien. ¿qué puedo hacer? Gracias

  • @korraler
    @korraler Місяць тому

    Eres un capo,. Gracias

  • @JM-oo5id
    @JM-oo5id Рік тому

    hola, como lo hago para gutenberg?

  • @ness8483
    @ness8483 Рік тому

    Muchas gracias!!

  • @alesaacosta876
    @alesaacosta876 2 роки тому +1

    Hola, genial el video! me suscribi al newsletter pero igual no me muestra los codigos, por que?

  • @oscarbonachoolmos2677
    @oscarbonachoolmos2677 2 роки тому

    Genial! Muchas gracias!! 😊

  • @lucasorellanaoliver
    @lucasorellanaoliver Рік тому

    Y funciona con hostinger??

  • @gabrielam3661
    @gabrielam3661 3 роки тому

    Lo voy aplicar! Gracias.

  • @gmartinpulido
    @gmartinpulido 3 роки тому

    Muy bueno, gracias Víctor, un gran efecto! No sé qué tan pesada resultará la librería

  • @leoaless
    @leoaless 3 роки тому

    Muchas gracias...

  •  2 роки тому

    Genial! Gracias!!

  • @miguelarmenteros6056
    @miguelarmenteros6056 2 роки тому

    Saludos desde Cuba

  • @annycardona
    @annycardona 3 роки тому

    Cuando uno adiciona el código, dónde lo puedo visualizar después para cambiar ajustes del mismo. Porfa ayuda!

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  3 роки тому +1

      Hola Any, puedes verlo en el mismo módulo código donde lo agregaste. Si tienes más dudas, puedes escribirme a mi fanpage: m.me/VictorAquinoPagina
      Saludos

    • @annycardona
      @annycardona 3 роки тому

      @@victoraquino-paginaswebypr9782 gracias. Cómo soy nueva en divi no me acordaba de los módulos

  • @zabdielorlando2315
    @zabdielorlando2315 3 роки тому

    Excelente contenido 👍!!!

  • @santiagoceron3106
    @santiagoceron3106 2 роки тому

    Hola, qué pena, tengo error cuando se cambia a formato móvil, quedan todos los productos pegados y no sé cómo separarlos, ya le puse la clase Gaona los breakpoint y sigue igual 🥺

  • @mcepa
    @mcepa 3 роки тому

    Excelente. Gracais

  • @surdofficial
    @surdofficial 3 роки тому

    ¡GENIAL!

  • @MiguelCastillo-mg4xg
    @MiguelCastillo-mg4xg 3 роки тому

    esto funciona igual al usar elementor?

  • @pataslocas4595
    @pataslocas4595 Рік тому

    ¡Gracias!

  • @6seker10
    @6seker10 Рік тому

    Gracias por el video

  • @16059200
    @16059200 Рік тому

    Hola excelente explicacion, amigo esto aplica si quiero hacer el carrusel en una pagina normal en divi, asi como un carrusel de testimonio o de clientes ?

  • @mariaflorenciatoledano6235
    @mariaflorenciatoledano6235 Рік тому

    Me encantó

  • @marlonortz100e
    @marlonortz100e 3 роки тому

    Hola Que tal, quiero hacer lo mismo pero para una galería de fotos, es posible, con el mismo código no vale

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  2 роки тому +1

      Hola amigo Marlon, últimamente estoy probando un plugin gratuito llamado divi torque, he visto que no afecta el rendimiento y agrega muchos modulos interesantes a divi, como por ejemplo el carrusel de imágenes. Podrías usar esa opción. Con la versión gratuita es más que suficiente.

    • @marlonortz100e
      @marlonortz100e 2 роки тому

      @@victoraquino-paginaswebypr9782 gracias el dato, ya lo pruebo

  • @manulatinas
    @manulatinas 3 місяці тому

    excelente!!!

  • @josecornieles2078
    @josecornieles2078 3 роки тому

    amigo hice tal cual y no me funciono, puede que tenga conflicto con algun plugin tengo l divi carroucel

  • @maikymadnesskreation8646
    @maikymadnesskreation8646 3 роки тому

    Tienes mas videos como estos?

  • @delavestudio5037
    @delavestudio5037 3 роки тому

    Gracias!!

  • @FernandoPerez-xn1sj
    @FernandoPerez-xn1sj 3 роки тому

    Gracias

  • @djjuli20
    @djjuli20 3 роки тому

    eres un crack!

  • @retolsdaunis3821
    @retolsdaunis3821 2 роки тому

    Buenas, no me deja ver los codigos despues de poner el correo electronico. Espero su respuesta, Gracias

  • @lgsitiosweb
    @lgsitiosweb 2 роки тому +2

    Hola Victor, con las últimas actualizaciones de Divi me dijó de funcionar en todas las páginas donde lo implementé, sabes que pudo haber pasado?

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  2 роки тому +2

      Hola amigo Leandro. Parece que la librería javascript Splide ha sido actualizada a su versión 4. Lo que involucra algunos cambios. Entre ellos, he notado que ahora es necesario que la clase splide sea parte del elemento raíz.
      Lo que harás será agregar a cada módulo tienda (que hayas convertido en carrusel) la clase «splide» (adicional a la clase vic-splide que ya habías agregado), y así de fácil ya debería estar solucionado el problema. Gracias por informar del error, voy agregar ésta información al post. Saludos!

    • @leandrogalvan
      @leandrogalvan 2 роки тому

      Gracias por responder, lo voy a agregar

  • @anjoloto
    @anjoloto 2 роки тому

    Excellent.

  • @yotomoaccion9154
    @yotomoaccion9154 3 роки тому

    Muy bueno

  • @AdianRodriguez
    @AdianRodriguez 3 роки тому

    Excelente!

  • @patchgeorge
    @patchgeorge 3 роки тому +2

    Excelente video estimado, ya me suscribí y tienes tu like, solo una pregunta sin querer abusar de tu tiempo, sabes de que manera puedo mostrar los productos vistos (recent views) por los clientes?, te agradezco

  • @avam.499
    @avam.499 3 роки тому

    Genial el tutorial, funciona perfectamente. Podrías decirme como camiar el estilo de las flechas del carrusel ?
    Muchas gracias

  • @leyla.bienestar
    @leyla.bienestar Рік тому

    MUY BUENO

  • @juanenriquenavalon4499
    @juanenriquenavalon4499 2 роки тому

    Genialuy buena intención

  • @CebrerosNancy
    @CebrerosNancy 2 роки тому

    😉 Genial

  • @manolorb
    @manolorb 3 роки тому

    eres un crack.

  • @alancholopezcaste
    @alancholopezcaste 3 роки тому

    Gracias bro

  • @rennzorojas7700
    @rennzorojas7700 3 роки тому

    Interesante!

  • @DSDDSDS-o8k
    @DSDDSDS-o8k 5 місяців тому

    no me carga el link

  • @YovaSV93
    @YovaSV93 3 роки тому

    Muy buen tutorial.

  • @Inori-y3j
    @Inori-y3j 3 роки тому

    excelente video ,bien preciso de 10

  • @pepo446
    @pepo446 8 місяців тому

    No me permite ver los codigos y al ingresar mi email señala Error de suscripción: The account is suspended. Ya lo he intentado con 4 email diferentes. Y pasa lo mismo

  • @factorl4682
    @factorl4682 9 місяців тому

    hola que tal victor, buen video, solo que no me deja copiar el codigo desde tu pagina, hay alguna solución al respecto??

  • @gnomodesign
    @gnomodesign 2 роки тому

    ¡Muy buenas!
    Muchas gracias por el vídeo.
    Una consulta. ¿Dónde habría que tocar para que las imágenes que contiene el slider se vean más grandes (ancho por alto) en las opciones de móvil, ordenador y tableta?
    Gracias y saludos.

  • @MasQueSuelas
    @MasQueSuelas 3 роки тому

    Muchas Gracias

  • @DanielSanchez-fd6de
    @DanielSanchez-fd6de 3 роки тому +2

    el link al articulo no funciona

    • @DanielSanchez-fd6de
      @DanielSanchez-fd6de 3 роки тому +1

      todos los artículos no funcionan, además tienen buenos artículos que quisiera consumir

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  3 роки тому +1

      Lo siento, estaba usando mi web como laboratorio de científico loco testeando unas funciones geniales que creé para un nuevo video. Parece que hay un conflicto, nada del otro mundo. Más rato lo soluciono. Gracias por estar pendiente.

    • @DanielSanchez-fd6de
      @DanielSanchez-fd6de 3 роки тому

      @@victoraquino-paginaswebypr9782 dale bro

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  3 роки тому +1

      Ya están en línea amigo. Nuevamente gracias por consumir mi contenido.

  • @SilviaFernandaBermudezQuinones
    @SilviaFernandaBermudezQuinones 5 місяців тому

    ya no está en funcionamiento la página?

  • @luisr4534
    @luisr4534 3 роки тому

    Buen vídeo.

  • @josecaraballo5895
    @josecaraballo5895 3 роки тому +2

    Niceeee

  • @nahomi3978
    @nahomi3978 Рік тому

    Alguien tiene el codigo que dice en el video

  • @victoraquino-paginaswebypr9782
    @victoraquino-paginaswebypr9782  3 роки тому +2

    Hemos actualizado el artículo con una nueva librería llamada slick, el funcionamiento es similar, pero soluciona algunos errores que aparecían con splide. Puedes ver el nuevo tutorial completo, con los nuevos códigos para copiar y pegar, desde aquí:
    👉 victoraqui.com/crear-carrusel-productos-woocommerce-divi-sin-plugins/ 👈
    Mi tienda de plantillas Divi:
    victoraqui.com/tienda
    Mejor servicio de Hosting Wordpress:
    bit.ly/fdsrhsed
    Activación de licencias Divi para 1 sitio, a un precio accesible:
    rapihosting.com/licencia-divi/
    Adquiere licencias Divi para sitios ilimitados, desde la web Oficial al 10% de DESCUENTO!!!
    bit.ly/Divi20des

    • @CarlosArza
      @CarlosArza 3 роки тому

      buenas bro no aparece la primera linea de codigo solo [html] [/html]

  • @juanpablocarvajalaristizab8519
    @juanpablocarvajalaristizab8519 3 роки тому

    Excelente video Victor, muchas gracias. Tengo una duda primero hay q tener woocomerce para que esto funcione?

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  3 роки тому

      Hola amigo Juan, en realidad la librería Splide puede adaptarse para crear sliders de cualquier elemento. Pero los códigos que muestro en el tutorial está adaptado para generar carruseles de productos, productos de woocommerce.

  • @HernN6371
    @HernN6371 2 роки тому

    muy bien

  • @MasQueSuelas
    @MasQueSuelas 3 роки тому

    buenas. Me ha surgido un problema. Lo he instalado todo como explicas en el video y copiado los códigos del blog pero en mi móvil un Samsung A52 no funciona el carrusel. Se ven los productos en fila de a uno en vertical todos. En cambio en el ordenador de sobremesa se ve todo perfecto. ¿A que se puede deber? Uso la función de "inspeccionar" de Chrome y ahí se ve con todos los modelos de teléfonos bien.

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  3 роки тому

      Mándame el link de tu web

    • @MasQueSuelas
      @MasQueSuelas 3 роки тому

      @@victoraquino-paginaswebypr9782 todavia estamos en construcción. Soy muy novato en esto de la informatica asi que no tengas mucho en consideracion todos los fallos que hay seguro. El link es masquesuelas.es

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  3 роки тому

      @@MasQueSuelas Hola amigo, Lo que sucede es que tu configuración de Litespeed caché es muy estricta y no está dejando funcionar bien ciertas reglas css. En la página, no está cargando los estilos css que hemos importado para el carrusel. Por eso sale así. Y el error no sólo es en tu celular, también en el escritorio porque desde aquí se ve así en vertical, osea sin estilos para ordenarlos.

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  3 роки тому

      Si deseas escríbeme al imbox de mi fanpage para explicarte mejor. facebook.com/VictorAquinoPagina/

  • @jesuscamacho5974
    @jesuscamacho5974 Місяць тому

    Bro, vi que lo cambiaste, la manera de hacerlo, me sirvio pero solo me deja en los productos y se ve muy basico, no hay una manera de ponerlo en cualquier galeria de imagenes? es que tengo una imagen de los productos y luego le pongo sus titulos y texto, para que se vea bonito, y me gustaria ponerlos en un carrusel asi mismo

  • @MARCELOGUTIERREZ78
    @MARCELOGUTIERREZ78 3 роки тому

  • @jesusmeneses5962
    @jesusmeneses5962 3 роки тому

    Esto se puede hacer con un modulo de productos únicamente o se puede hacer con cualquier módulo? Necesito hacer un carrusel/slider pero con logotipos de clientes, en lugar de productos.

  • @NEXTSP
    @NEXTSP 3 роки тому +2

    Te he seguido paso a paso, pero no funciona el Slide

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  3 роки тому

      Cual es tu enlace?

    • @lgsitiosweb
      @lgsitiosweb 3 роки тому

      A mi tampoco

    • @ALE18361906
      @ALE18361906 3 роки тому

      @@lgsitiosweb A mi tampoco me funciono

    • @lgsitiosweb
      @lgsitiosweb 3 роки тому

      @@ALE18361906 esperemos Víctor pueda revisar que pasa porque veo que nos pasa a varios

    • @victoraquino-paginaswebypr9782
      @victoraquino-paginaswebypr9782  3 роки тому +2

      ​@@lgsitiosweb Chicos, primero agradecer lo activa que se ha vuelto ésta comunidad con éste tipo de retroalimentaciones que hacen que la mejora constante esté presente más que nunca. Es genial. El error estaba en el código Javascript, estaba asociado a una clase que había utilizado en las pruebas y que no llegué a cambiar (decía tienda2 en vez de vic-overlay, chanfle ). En resumen. Ya está corregido en el blog, listo para copiar y pegar. Nuevamente gracias por sus testeos, sin los cuales nunca nos hubiésemos dado cuenta!! Me anima a subir más contenido genial para ésta gran comunidad Divi. Coméntenme cómo les fue con el carrusel. Y sólo si les gusta el contenido, suscríbanse y denle like a los videos. Saludos!

  • @pepllavinagalbany9411
    @pepllavinagalbany9411 2 роки тому

    No consigo darme de alta para poder viualizar los codigos.. no te funciona bien la web

  • @OscarHernandez-vt1cg
    @OscarHernandez-vt1cg 2 роки тому

    crack :)

  • @BrendaAlvaradoEsquivel
    @BrendaAlvaradoEsquivel 3 роки тому

    Hola¡¡¡ Gracias por este video, sólo me gustaría saber como cambiar el tipo de texto a minusculas/mayusculas y centrarlo¡¡ Esta genial, llevaba 3 días buscando esto¡ Gracias

  • @annycardona
    @annycardona 3 роки тому

    Genial! Me ha funcionado súper bien. Una consulta, cómo le quitó velocidad a la transición? 🥲 O no tiene que ver con el código css?

  • @RenatoObregón-u2t
    @RenatoObregón-u2t Рік тому

    si me sale

  • @LucasBotranJeppesen
    @LucasBotranJeppesen Рік тому

    la página está caída :/

  • @pantonio70
    @pantonio70 3 роки тому

    yea!

  • @DKDA1985
    @DKDA1985 3 роки тому

    Genial

  • @jimmylimaymantagonzales8314
    @jimmylimaymantagonzales8314 3 роки тому +2

    Yaba yaba Divi

  • @destapatuingenio
    @destapatuingenio 3 роки тому

    Gracias, funciona bien en escritorio pero en móviles no se ve bien