> For the complete documentation index, see [llms.txt](https://wpdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.themeparrot.com/wordpress-themes/shopy/layout-customization/home-page-styles/popular-products.md).

# Popular Products

### Popular Products Module

![](/files/SvwEvmqU6neSX8DjAaY9)

Add the text block and copy and paste the below code

```html
div class="col-md-4 col-sm-4 col-xs-12 category">

<img class="aligncenter wp-image-144 size-full" src="http://demo.themeparrot.com/twp_shopy/wp-content/uploads/2016/11/furniture.jpg" alt="furniture" width="400" height="180" />
<div class="cate-overlay"><a href="#">Jewels</a></div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12 category">

<img class="aligncenter wp-image-148 size-full" src="http://demo.themeparrot.com/twp_shopy/wp-content/uploads/2016/11/furniture1.jpg" alt="furniture1" width="400" height="180" />
<div class="cate-overlay"><a href="#">Necklace</a></div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12 category">

<img class="aligncenter wp-image-149 size-full" src="http://demo.themeparrot.com/twp_shopy/wp-content/uploads/2016/11/furniture2.jpg" alt="furniture2" width="400" height="180" />
<div class="cate-overlay"><a href="#">HandRing</a></div>
</div>
```