Desarrollé el único sitio de comercio electrónico usando laravel 7. Ahora me enfrento a un problema cuando hago clic en la página de categoría que carga todas las imágenes del producto. Quiero parar eso.

Tengo una categoría llamada Appereal, esta categoría tiene más de 100 productos. Escribí una consulta con un límite de paginación de 12, pero al verificar mi uso de ancho de banda es alto porque esta vez está cargando todos los productos al hacer clic en la página de la categoría.

Quiero soluciones como cuando hago clic en la página de categoría Quiero cargar la primera página 12 productos solo después de hacer clic en la segunda página solo tengo que cargar las otras 12 imágenes.

Por favor, ayúdenme o aconséjenme sobre cómo solucionar estos problemas con laravel.

Mi Consulta

 $pro = DB::table('category_and_products') ->join('sub_category_one','sub_category_one.id','=','catpro_sub_cat_one') ->join('product','prod_product_code','=','catpro_prod_code') ->join('supplier','supp_code','=','prod_supplier_code') ->select('prod_product_code','prod_supplier_code', 'product_name', 'prod_image1', 'prod_from_price','supp_margin','prod_supp_margin','prod_seo_title') ->where('suco_seo_title','=',$mId) ->where('supp_flag','=','1') ->groupBy('prod_product_code') ->orderBy('supp_seq_no','ASC')->orderBy('product_name','ASC')->paginate(12);