minimal.blog.readmore - Read More
minimal.nomore.products - No more products...
minimal.sale - SALE
minimal.showmore - Show More
In the admin panel create a Landing page.
System name: HomePageBanner_Minimal
Example code:
<div class="home-page-banner d-lg-block d-none"> <div class="col-12"> <div class="row"> <div class="col-md-4 banner-col"><a class="banner-content" href="/chairs"> <span class="text"> <span class="title">Best Furniture Chair<br>Perfect & Simple</span> <span class="content">Shop Now</span> </span> <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 1w" media="(max-width: 991px)" sizes="1px"> <source srcset="/assets/images/uploaded/banner1.webp" type="image/webp"> <source srcset="/assets/images/uploaded/banner1.png" type="image/png"> <img src="/assets/images/uploaded/banner1.png" alt="banner-1" width="720" height="439"> </picture> </a></div> <div class="col-md-4 banner-col"><a class="banner-content" href="/accessories-2"> <span class="text"> <span class="title">Wall clock<br>Some Title</span> <span class="content">Shop Now</span> </span> <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 1w" media="(max-width: 991px)" sizes="1px"> <source srcset="/assets/images/uploaded/banner2.webp" type="image/webp"> <source srcset="/assets/images/uploaded/banner2.png" type="image/png"> <img src="/assets/images/uploaded/banner2.png" alt="banner-2" width="720" height="439"> </picture> </a></div> <div class="col-md-4 banner-col"><a class="banner-content" href="/handbags"> <span class="text"> <span class="title">Women Bags<br>Large Selection</span> <span class="content">Shop Now</span> </span> <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 1w" media="(max-width: 991px)" sizes="1px"> <source srcset="/assets/images/uploaded/banner3.webp" type="image/webp"> <source srcset="/assets/images/uploaded/banner3.png" type="image/png"> <img src="/assets/images/uploaded/banner3.png" alt="banner-3" width="720" height="439"> </picture> </a></div> </div> </div> </div>
1. In the admin panel go to the Customers -> Customer groups -> Administrators > User Fields and set
Key: showPicker, Value: true
Key: usePicker, Value: true
* if you want to disable set values to false