<img src="abc.png" />
You want to create a dynamic page which displays discounted collections. When you click on a collection, it redirects you to the product collection.
StoreHippo lets you add dynamic data to the pages. You can create dynamic templates using theme widgets. Follow the below steps to create a dynamic page with discounted collections.
Adding Banners
<div class="col-xs-12 col-sm-4">
<div ms-widget="ms.banner" ms-data-name="custom-banner1"><!--If this widget doesn't produce any output, then change the value of
"ms-data-name" to any banner name fron your store.-->
<div><img ng-src="{{banner.image|image:'320x320'}}" /></div>
<h3>{{banner.title}}</h3>
<p>{{banner.subtitle}}</p>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div ms-widget="ms.banner" ms-data-name="custom-banner2"><!--If this widget doesn't produce any output, then change the value of
"ms-data-name" to any banner name fron your store.-->
<div><img ng-src="{{banner.image|image:'320x320'}}" /></div>
<h3>{{banner.title}}</h3>
<p>{{banner.subtitle}}</p>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div ms-widget="ms.banner" ms-data-name="custom-banner3"><!--If this widget doesn't produce any output, then change the value of
"ms-data-name" to any banner name fron your store.-->
<div><img ng-src="{{banner.image|image:'320x320'}}" /></div>
<h3>{{banner.title}}</h3>
<p>{{banner.subtitle}}</p>
</div>
</div>