1
0
mirror of https://github.com/e107inc/e107.git synced 2025-09-02 02:42:40 +02:00

Separate template added to hero for when used within a menu. (ie. Menu Manager)

{HERO_BGIMAGE} behavior modified.
This commit is contained in:
Cameron
2021-02-26 11:30:52 -08:00
parent cb95b4b243
commit 8e1b547171
6 changed files with 40 additions and 15 deletions

View File

@@ -8,7 +8,7 @@ if (!defined('e107_INIT')) { exit; }
$HERO_TEMPLATE['default']['header'] = '<!-- Hero Menu: header -->{SETIMAGE: w=400&h=400}
<div id="carousel-hero" class="carousel carousel-fade slide" data-bs-ride="carousel" data-ride="carousel" data-interval="{HERO_SLIDE_INTERVAL}" data-bs-interval="{HERO_SLIDE_INTERVAL}">
<div id="carousel-hero" class="carousel carousel-hero-default carousel-fade slide" data-bs-ride="carousel" data-ride="carousel" data-interval="{HERO_SLIDE_INTERVAL}" data-bs-interval="{HERO_SLIDE_INTERVAL}">
<div class="carousel-inner d-flex" role="listbox">';
@@ -30,7 +30,7 @@ $HERO_TEMPLATE['default']['footer'] = '</div><div class="carousel-controls">
</div>';
$HERO_TEMPLATE['default']['start'] = '<div class="carousel-item item {HERO_SLIDE_ACTIVE}" style="background-image:url({HERO_BGIMAGE})">
$HERO_TEMPLATE['default']['start'] = '<div class="carousel-item item {HERO_SLIDE_ACTIVE}" style="background-image:{HERO_BGIMAGE}">
<div class="container">
<div class="carousel-caption">
@@ -45,13 +45,14 @@ $HERO_TEMPLATE['default']['start'] = '<div class="carousel-item item {HERO_
$HERO_TEMPLATE['default']['end'] = '</ul>
</div>
<div class="col-md-6 ">
<div class="col-md-6 hero-media-container">
<div class="pull-right animated fadeInRight animation-delay-10">
{HERO_MEDIA: class=img-responsive img-fluid d-block w-100}
</div>
</div>
</div>
<div class="hero-buttons text-right">
<div class="hero-buttons py-3 text-right text-end">
<a href="{HERO_BUTTON1_URL}" class="btn btn-{HERO_BUTTON1_CLASS} btn-raised animated fadeInRight animation-delay-28">
{HERO_BUTTON1_ICON} {HERO_BUTTON1_LABEL}
@@ -68,7 +69,7 @@ $HERO_TEMPLATE['default']['end'] = '</ul>
$HERO_TEMPLATE['default']['item'] = '<li>
<div class="hero-list-icon animated zoomInUp {HERO_ANIMATION_DELAY}">
<span class="hero-icon hero-icon-circle hero-icon-xlg label-{HERO_ICON_STYLE} badge-{HERO_ICON_STYLE} shadow-3dp">
<span class="hero-icon hero-icon-circle hero-icon-xlg label-{HERO_ICON_STYLE} bg-{HERO_ICON_STYLE} badge-{HERO_ICON_STYLE} shadow-3dp">
{HERO_ICON}
</span>
</div>
@@ -78,6 +79,22 @@ $HERO_TEMPLATE['default']['item'] = '<li>
$HERO_TEMPLATE['menu'] = $HERO_TEMPLATE['default'];
$HERO_TEMPLATE['menu']['header'] = '<!-- Hero Menu: header -->{SETIMAGE: w=400&h=400}
<div id="carousel-hero" class="carousel carousel-hero-menu carousel-fade slide" data-bs-ride="carousel" data-ride="carousel" data-interval="{HERO_SLIDE_INTERVAL}" data-bs-interval="{HERO_SLIDE_INTERVAL}">
<div class="carousel-inner d-flex" role="listbox">';
$HERO_TEMPLATE['menu']['start'] = '<div class="carousel-item item {HERO_SLIDE_ACTIVE}" style="background-image:{HERO_BGIMAGE}">
<div>
<div class="carousel-caption">
<div class="hero-text-container">
<header class="hero-title animated slideInLeft animation-delay-5">
<h1 class="animated fadeInLeft animation-delay-10 font-smoothing">{HERO_TITLE: enwrap=strong}</h1>
<h2 class="animated fadeInLeft animation-delay-12">{HERO_DESCRIPTION: enwrap=span&class=text-bold}</h2>
</header>
<div class="row">
<div class="col-md-6">
<ul class="hero-list list-unstyled">';