Please use the Block called Template | Generic | All Banners in Dynamic Banner Template in the Magento Admin panel under Content → Blocks, as a reference and examples of the following below.
Ensure to read the IMAGE DIMENSION GUIDE at the bottom of this document.
Hero Banners
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<!-- Hero Banner START -->
<div class="banner-hero">
<div class="banner-item">
<img src="{{media url="wysiwyg/lumarix/hero_1.png"}}" alt="All Lumarix images can have alt tags" />
<div class="banner-overlay" style="color: #F2923B;">
<span>Hero Image Banners</span>
<span>Easy to make and edit</span>
<a class="action primary" href="#">Shop Now</a>
<!-- Background Panel That Sits Behind Text -->
<div class="overlay-background" style="background-color: #fff; opacity: 0.85;"></div>
</div>
</div>
</div>
<!-- Hero Banner END --> |
...