eCommerce blocks - categories

Collection of practical examples of eCommerce categories. These kinds of sections are necessary when creating homepages or listing pages. You will find here solutions for all the possible use cases that can occur during creating eCommerce projects.

Basic example

Simple tiles with subtle hover effects .

Screenshot

Get the code

List and carousel

Suitable for intro section - category list with links on the left and carousel on the right.

Screenshot

Get the code

Bootstrap 5 eCommerce List adn Carousel Design Block

Thumbnails

If you have a lot of categories and you need to present them all on your home page you can use these little thumbnails. However, be careful to not overcrowded your UI.

Screenshot

Get the code

Bootstrap 5 eCommerce Thumbnail Design Block

Thumbnails with description

If your category needs an additional explanation you can use this section containing an extra piece of information.

Screenshot

Get the code

Bootstrap 5 eCommerce Thumbnails with Description Design Block

Mixed content

To diversify your listing pages you can combine a category tile with chosen products from this category to present what exactly the category includes.