como HACER una GALERIA de PRODUCTOS en HTML y CSS 🚀

Поделиться
HTML-код
  • Опубликовано: 16 янв 2025

Комментарии • 55

  • @Marcoggi
    @Marcoggi Год назад +31

    Te faltó el blue label de jhonnie walker

  • @victorhoyos7641
    @victorhoyos7641 15 дней назад

    Gracias por el video, me sirvio mucho,

  • @kaiser66611
    @kaiser66611 Год назад +6

    muy bueno me gusto, tendrás la segunda parte de como darle funcionalidad a los botones como comprar y lo demás ?. saludos

  • @jennylopezsuarez3678
    @jennylopezsuarez3678 11 месяцев назад +2

    te pasaste, muy buen video... muchas gracias.
    suscrita! 😄

  • @deimosf3
    @deimosf3 9 месяцев назад

    Me gustó y me sirvió mucho, gracias!

  • @FERNANDOLASER
    @FERNANDOLASER 10 месяцев назад

    bro muchas gracias, me has ayudado bastante mucho, suscriptor new

  • @EdgarMora-o2g
    @EdgarMora-o2g День назад

    hola, buen dia amigos solo un detalle con el video, si gustan que el loop se vea mas fluido en el codigo en la parte de java escriban "slideShadows" en vez de "slidesShadows" yo lo habia escrito como en el video pero al final me apoye de una IA y me ayudo a darle esa fluides.

  • @Ale-sh2ok
    @Ale-sh2ok 7 месяцев назад +1

    Joder, me funcionó! Gracias!!!

  • @yaxon_
    @yaxon_ Год назад

    Gracias Brother !!

  • @jesusescudero7462
    @jesusescudero7462 11 месяцев назад

    buen video, me confundi un poco pero se pudo arreglar

  • @ziralgamer87
    @ziralgamer87 7 месяцев назад +11

    parcero digame que le cuesta poner el codigo completo en vez de una simple parte

  • @JoseManuel-hd8hj
    @JoseManuel-hd8hj 5 месяцев назад +1

    Ya no están los archivos que dejaste en la descripción

  • @Ana-o4d4p
    @Ana-o4d4p Месяц назад

    hola, he seguido los pasos, tengo mi pagina en CMS de WordPress con constructor Elementor, pero tengo un PROBLEMA, importo .js desde CDN y lo meto como script en la cabera de HTML, esto OK, luego meto el CSS con 6 sildes con el widget HTML dentro de un contenedor, pero no me coje los tamaños, y no me salen las fichas como en tu resultado, no consigo centrar la primera, y que las otras se vean por los lados con el loop infinito, incluso intenté usar libreria swiper @11 y nada, alguna ayudita plis?

  • @usuario_Cxxxxxg
    @usuario_Cxxxxxg Год назад +2

    segui todos los pasos y se rompe tanto en darle estilo con css y en js las tarjetas se hacen grandes ocupando un 100% de su ancho y borre y cree 3 veces y sigue igual o seran las extenciones 🤔

    • @_reed__
      @_reed__ Год назад

      Me pasa lo mismo bro, y trate 3 veces

    • @usuario_Cxxxxxg
      @usuario_Cxxxxxg Год назад

      @@_reed__ ya pude pero tuve que cambiar dos cosas el swiper-slide que era su ancho lo subi a 400px para que el boton no se saliera de la tarjeta y del js no lo puse en html tuve que hacer su hoja aparte.

    • @_reed__
      @_reed__ Год назад

      @@usuario_Cxxxxxg claro bro el js va en otro archivo

  • @joelpatrick3601
    @joelpatrick3601 5 месяцев назад

    Gracias crack

  • @ramonplanes6702
    @ramonplanes6702 11 месяцев назад

    😀👍

  • @JMTSH2T
    @JMTSH2T 7 месяцев назад +1

    HOLA GRACIAS. COMO SE LLAMA ESTE FORMATO DE PRODUCTOS? ES DECIR ES UNA GALERIA QUE APROXIMA LO QUE HAY PARA OFRECER. TIPO ABANICO ?

    • @JMTSH2T
      @JMTSH2T 7 месяцев назад +1

      FORMATO TIPO CARRUSEL DE IMAGENES

  • @sapereaude9913
    @sapereaude9913 Год назад +1

    Hola, es que las tarjetas de la imagen y la info de los productos no me quedan alineadas horizontalmente como veo que le queda en el video, me quedan es alineadas verticalmente, le agradezco me colabore cúal parte del css hace eso, pues estoy revisando y al parecer lo tengo como usted lo indica, agradezco su atención y colaboración.

    • @enzoacuna8293
      @enzoacuna8293 11 месяцев назад +1

      Hola, me pasa lo mismo queria saber si lo pudiste arreglar

    • @taolyquicio2961
      @taolyquicio2961 11 месяцев назад +1

      amigo a mi tmb me paso lo mismo pero la solucion es revisa bien tu estrutura html, bueno yo me equivoque en esta classe div class="swiper-wrapper">
      la escribi mal , a mi tmb me salia vertical

  • @LuisLuna-fl6pt
    @LuisLuna-fl6pt 8 месяцев назад

    en el drive que colocas no puedo ni abrir las imagenes, como hago, se necesita una autorizacion especial??? @divcode🤔

  • @LourdesAbarca-uc1vj
    @LourdesAbarca-uc1vj 9 месяцев назад

    copie lo de swiper de cdn y no me sale con color está bien o no?

  • @Dmoneris
    @Dmoneris 10 месяцев назад

    Alguien sabe como hacerlo con 3 productos, pero que siempre quede el del medio destacado? Ahora cuando voy al ultimo y hago como que paso pero no le doy lo suficientemente fuerte, se me queda destacado el ultimo y los otros en un solo lado, en vez de ser el del medio

  • @justinrodriguez8367
    @justinrodriguez8367 Год назад +2

    En la parte de js ya no me funciona

  • @carlosfze
    @carlosfze Год назад

    una consulta donde puedo encontrar mas imagenes de ese tipo que sirvan para la pagina, por ejemplo de la botella blue label ??

  • @ClassEasy-mu8fk
    @ClassEasy-mu8fk Год назад +3

    En la parte de script ya no me funciona

  • @jhoanvillabona7768
    @jhoanvillabona7768 8 месяцев назад +3

    AYUDAAAA EL HTML NO ME QUIERE TOMAR EL SWIPER EN EL SCRIPT :(

    • @LuisLuna-fl6pt
      @LuisLuna-fl6pt 8 месяцев назад

      Con que estas codificando??? y empezaste con un boilerplate??

  • @neofita1
    @neofita1 Год назад

    Hola, hice el tutorial y genial, pero cuando quiero agregar los ítems por medio de javascript deja de funcionar la animación del swiper

  • @FreeFire-cy3ny
    @FreeFire-cy3ny 8 месяцев назад +1

    Muy bien y todo pero me perdí cuando de repente las imágenes se pusieron al lado y Ami no y eso que seguía todos sus pasos

  • @henryptz4281
    @henryptz4281 Месяц назад

    el archivo que se descarga no funsiona

  • @GabrielitoSoy
    @GabrielitoSoy 6 месяцев назад

    A la hora de abrir el html, no se ve la imagen...Ahí está, porque le doy click derecho y me dice "Guardar imagen como...", pero no es visible. Segui el codigo paso a paso y no funciona. 😲

  • @danielcorrea1782
    @danielcorrea1782 Год назад

    ahora una vez realizado, como lo puedo volcar a alguna pagina de internet

  • @keynanrip3
    @keynanrip3 Год назад

    broo crees que puedas resubir otro link es que
    el que esta me apare que no existe nada en la carpeta

    • @Farguella
      @Farguella 11 месяцев назад

      el solo subio los enlaces principales, ya lo de la codificación queda en tus manos

    • @LuisLuna-fl6pt
      @LuisLuna-fl6pt 8 месяцев назад

      @@Farguella Esta bien la codificacion la hago yo pero el asunto es que ni las imagenes puedo abrir. Ayuda @divcode

  • @nicolasmc5320
    @nicolasmc5320 11 месяцев назад

    Alguien me puede ayudar iba todo bien asta la parte de javascript nose por que colocos los comando y no me funcionan

    • @creepy0_04
      @creepy0_04 9 месяцев назад +1

      Si lo pudiste resolver?

    • @ramonacevedolopez5870
      @ramonacevedolopez5870 8 месяцев назад

      @@creepy0_04 si pudiste resolverlo?

    • @LTM_Maverick
      @LTM_Maverick 8 месяцев назад

      @@ramonacevedolopez5870 ya te salio todo perfecto a vos ? me podrias ayudar en la parte del css donde empieza html, body{
      position: relative;
      height: 100%;
      }
      como que no se me hace la pantalla en largo.

  • @lucasvalentiinmonzon4306
    @lucasvalentiinmonzon4306 5 месяцев назад

    Uando quiero llamar a P, IMG, etc no me las reconoce y no hace los cambios

  • @gibramcastellonnavarro1963
    @gibramcastellonnavarro1963 5 месяцев назад

    ya lo hice y ya me salió a la primera haha ahora como lo pego en mi pagina de wordpress ? :(