The video for this lesson is currently being updated, please read the transcript instead.

Adding search result count to product list

Going back to the finished version, what else are we missing?

The next bit of functionality to add is this search results message here.

So let's go ahead and add another div above the product list here. We'll give it a class "search results", like that.

Let's add the text "Found 11 results for search term cat", and put an em tag around the search term.

<div class="products">
  <div class="search-results">
    Found 11 results for search term <em>cat</em>.

To view the complete lesson you'll need to login or join this course.


Click to load comments...