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:
@@ -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">';
|
||||
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user