use Livewire\withPagination; then in component main function write use withPagination; public function render() { $products = Product::paginate(12); return view('livewire.shop-component', compact('products')); } 3. You can pic images from asset folders in blade file by using the following code <img class="default-img" src="{{asset('assets/imgs/shop/product-')}}{{$product->id}}-1.jpg" alt=""> <img class="hover-img" src="{{asset('assets/imgs/shop/product-')}}{{$product->id}}-2.jpg" alt="">
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter