Slider de productos
Comprar curso

31. Slider de productos

En este módulo, aprenderás cómo crear un slider de productos en tu aplicación de ecommerce utilizando Glider js. Desde la creación de las vistas necesarias, hasta la implementación de la funcionalidad del slider.


9 comentarios

Inicia sesión para comentar

Comentarios:

  • Rogelio Morales

    Rogelio Morales hace 1 semana

    Buen día, como puedo resolver este problema:

     

    Dentro de Limewire→CategoryProducts, tengo este codigo:


    Asi tengo mis relaciones:
    Category


    Product

  • Wilbert Avila

    Wilbert Avila hace 3 semanas

    Hola buenas, al momento de refrescar la pagina en la consola me aparece esto

    el esta asi, FILESYSTEM_DRIVER=public

    y en app_url estoy apuntando a mi host, no entiendo porque no puedo acceder a las imagenes de productos, si puedo acceder a las de category con el menu sin ningun problema.

  • Edmer

    Edmer hace 4 semanas

    Victor, estoy trabajando con Glide.js v3.6.0 y sucede que en el slider no llena los 4 productos requeridos, existe la colección, al accionar en Prev o Next, pasa en la misma (esquina izquierda). Les agradezco solución en gran manera.

    Y esta es la superposición al dar click en menú Categorias

  • Zangetsu

    Zangetsu hace 1 mes

     

    tengo un problema al recuperar el nombre de los productos usando la relación asi como dicen en el video me sale esto

    aca esta lo estoy haciendo este es mi codigo que estoy usando

    aca esta la relacion en mi modelo Category

    pero me sale el error que mencione arriba alguna ayuda porfavor

  • Jose Alfredo Mendoza Chirinos

    Jose Alfredo Mendoza Chirinos hace 3 meses

    Por que me sale esta vista ?
  • Xavier Montalvo

    Xavier Montalvo hace 4 meses

    Alguien sabe porque el gliderJs me esta mostrando de esta forma lo que rescato?

    Coloque correctamente el cdn pero no se que pasa

    También limpie cache del navegador y le corrí el npm run dev.

  • Angel David Velasco Bonifaz

    Angel David Velasco Bonifaz hace 5 meses

    Para hacer mas rapida la pagina, y que solo se carguen las imagenes que se usan, hay que agregarle una etiqueta llama loading="lazy" a las imagenes, esto ayudara mucho a la carga de la pagina, y a que solo descarguen las imagenes en uso.

    ejemplo 

    <img src="{{Storage::url($product->images->first()->url)}}" alt="" loading="lazy">

     

    Se lo podemos poner a las imagenes de las categorias, para que no descarguen, si no abro el menu.

  • Emerson Smith Huallpa Zanabria

    Emerson Smith Huallpa Zanabria hace 7 meses

    SQLSTATE[42S22]: Column not found: 1054 Unknown column 'imagens.imagen_type' in 'where clause'

    Tengo este error

    Cuando realizo esto : <img src="{{ Storage::url($producto->imagenes->first()->url) }}" alt="">

     

    tengo el codigo igual

  • Emilio Antay

    Emilio Antay hace 9 meses

    ¿Como podría obtener solo categorías que tenas uno o más productos? Gracias.