-
fe_page zurückbauen
Hallo zusammen,
ich habe die technische Betreuung einer Seite übernommen und versuche gerade das Template wieder zurecht zu rücken.
Der Erbauer der Seite hat Bootstrap und jQuery über deren CDN eingebunden und das fest in einer eigenen fe_page verdrahtet (mit noch ein paar anderen Sachen, die Contao auch selbst verwalten kann).
Da bin ich jetzt schon ein paar Mal übel drüber gestolpert, weil andere Erweiterungen ihr CSS und JS nicht laden konnten.
Also versuche ich jetzt das so weit es eben geht wieder zurückzubauen und dabei auch Bootstrap und jQuery lokal auszuliefern.
Hänge jetzt aber an einer Sache fest und frage mich, wie ich das gelöst bekomme
Code:
<!DOCTYPE html>
<html lang="<?= $this->language ?>"<?php if ($this->isRTL): ?> dir="rtl"<?php endif; ?>>
<head>
<?php $this->block('head'); ?>
<meta charset="<?= $this->charset ?>">
<title><?= $this->title ?></title>
<base href="<?= $this->base ?>">
<?= $this->viewport ?>
<?= $this->framework ?>
<?php $this->endblock(); ?>
<?php $this->block('meta'); ?>
<meta name="robots" content="<?= $this->robots ?>">
<meta name="description" content="<?= $this->description ?>">
<meta name="generator" content="Contao Open Source CMS">
<?php $this->endblock(); ?>
<link rel="icon" href="files/kunde/images/favicon.ico" typ="image/ico" />
<?= $this->stylesheets ?>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<?php echo $this->head; ?>
</head>
<body id="top"<?php if ($this->class): ?> class="<?= $this->class ?>"<?php endif; ?><?php if ($this->onload): ?> onload="<?= $this->onload ?>"<?php endif; ?> itemscope itemtype="http://schema.org/WebPage">
<div class="container" id="wrapper">
<div id="logo">
<a href="<?php echo $this->base; ?>">
<img src="files/kunde/img/logo.png" alt="" width="356" height="108">
</a>
</div>
<div id="nav">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<?php echo $this->sections['mainnav']; ?>
</div>
</div>
</nav>
</div>
<div id="headerimage">
<?php echo $this->sections['headerimage']; ?>
</div>
<div class="row" id="content">
<div id="breadcrumbs">
<?php echo $this->sections['breadcrumbs']; ?>
</div>
<div class="phone">
<?php echo $this->sections['phone']; ?>
</div>
<div class="col-md-9" id="left">
<?php echo $this->main; ?>
</div>
<div class="col-md-3" id="right">
<?php echo $this->right; ?>
</div>
</div>
<div id="footer">
<?php echo $this->footer; ?>
<div class="footer-nav">
<?php echo $this->sections['footernav']; ?>
</div>
<div class="social-media">
<?php echo $this->sections['socialmedia']; ?>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="files/kunde/components/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="files/kunde/components/slick/slick.min.js"></script>
<script>
$(document).ready(function(){
$('.slickSlider').slick({
dots: true,
arrows: false,
infinite: true,
autoplay: true,
autoplaySpeed: 5000,
speed: 800,
fade: true,
cssEase: 'linear'
});
});
</script>
<?= $this->mootools ?>
</body>
</html>
Es geht mir um die Javascripts. jQuery wird ja an zwei Stellen geladen. Zu Beginn die Libs und später dann die eigentliche Initialisierung. Und auch der restliche JS-Teil wurde ans Ende verschoben (was Google ja möchte).
Lässt sich das auch nativ mit Contao Bordmitteln abilden?
Neelix
