Utilizar el buscador para filtrar
Comprar curso

69. Utilizar el buscador para filtrar


2 comentarios

Inicia sesión para comentar

Comentarios:

  • Edwin Barrientos Avendaño

    Edwin Barrientos Avendaño hace 6 días

    hola mi amigo cuando cargo la pagina por primera vez el buscador de alcanza  escucha el livewire filter no me deja buscar de una, como puede cambiar eso para que escucha de una vez??

    • Victor Arana Flores hace 5 días

      Hola Edwin, no logre entender tu comentario.

    • Edwin Barrientos Avendaño hace 3 días

      lo que sucede Víctor es que cuando la pagina arranca y el usuario no ha interactuado con ella el filtro de buscar( la caja de texto que esta al inicio arriba) no reacciona  por primera vez, creo que es por que no estoy usando el método mount()….  lo que entiendo es que Liveware necesita una interacción inicial para el escuchar el evento es cierto eso??? porque cuando le doy clic en algún producto ahí si busca bien.

      este es mi codigo

      <?php

      namespace App\Livewire;

      use App\Models\Product;

      use Livewire\Component;

      use App\Models\Category;

      use App\Models\Subcategory;

      use Livewire\Attributes\On;

      use Livewire\WithPagination;

      class Filter extends Component

      {

          use WithPagination;

          public $family_id;

          public $category_id;

          public $subcategory_id;


           public $orderBy=1;

          public $search;

          public function mount(){

             //dd($this->categoria_id);

           

          }

       

          //escuchar un evento livewire

      #[On('search')]

      public function search($search){

       

           $this->search=$search;

       

          }


       

          public function render()

              {


       

                $products=Product::when($this->family_id, function($query){

                  $query->whereHas('subcategory.category', function($query){

                      $query->where('family_id',$this->family_id);

                  });})->when($this->category_id, function($query){

                      $query->whereHas('subcategory', function($query){

                          $query->where('category_id',$this->category_id);

                      });})->when($this->subcategory_id, function($query){

                              $query->where('subcategory_id',$this->subcategory_id);

                          })


       

                  ->when($this->orderBy==1, function($query){

                  $query->orderBy('created_at','desc');

                })->when($this->orderBy==2, function($query){

                  $query->orderBy('price_sale','desc');

                })->when($this->orderBy==3, function($query){

                  $query->orderBy('price_sale','asc');

                })->when($this->search,function($query){

                  $query->where('name', 'like','%'.$this->search.'%');

                })

                ->paginate(12);


       

              return view('livewire.filter', compact('products'));

          }

      }



       

  • Alberto

    Alberto hace 1 año

    Pedazo de curso te esta quedando! Increíble todo el valor que aportas al construir un ecommerce tan pro desde cero!

    Me gustaría que te planteases realizar también la posibilidad de “comparar productos”. Es algo que personalmente necesito para mi proyecto y que creo que se darían situaciones pedagogicas nuevas. 

    Me refiero a que en alguna zona del producto o de las listas/grids se pueda clickar el articulo para marcarlo como “a comparar” en la sesión y posteriormente haya un icono de una balanza con un contador de cuantos articulos fueron agregados (Similar al corazon o al carrito en esta misma web de coders free). Finalmente, al presionar dicho icono pues se llega a la pagina de comparación. Tambien me gustaria que la url disponga de la comparativa para poderla compartir.

    Bueno, espero que no me odies por darte mas trabajo… y nuevamente enhorabuena por el curso.

    Saludos desde España.

    • Victor Arana Flores hace 1 año

      Hola Alberto, el día de hoy estaré grabando toda la parte de carrito de compras y mañana por la noche se estará publicado :D

    • Alberto hace 1 año

      Creo que has leído muy rápido mi mensaje jajaja… No he escrito “comPRar productos”, he escrito “comPARar productos”.

      Espero que te animes a hacer una sección de comparación de productos.

    • Jose Alejandro Sanchez hace 11 meses

      aaa si seria bueno que agregue lo del compartir url del producto, ojala lo agregue :), para que se pueda compartir tanto en redes sociales sobre un producto en especifico como para publicidad o como por whatsapp, yo había investigado algo asi con Firebase Dynamic Links, usar ese pequeña sección de firebase, y al principio es free pero cuando es de pago no es tan costoso, es una idea a ver si se puede, SALUDOS  Victor Arana Flores