Nach Update 3.5 -> 4.4 Aufbau der Seite langsam

**kischd** · 19.02.2019, 12:39

Hallo Zusammen,

ich habe einer 3.5-Installation ein Update 4.4 verpasst. Site
Einige Punkte verstehe ich nun aber nicht:
- Die Seite baut sich ganz komisch auf (wenn man auf segelreisen klickt, sieht man das deutlich)
- Beim scrollen verschwindet das Haus in der Navi

Hat jmd ein Plan was das Problem ist?

Kann das an der alten fe_page liegen die ich mit importiert habe?

**amateur** · 19.02.2019, 12:50

Mir fällt auf, dass eine Reihe Ressourcen nicht geladen werden (Fonts, mootools).

So long
Michael

**kischd** · 19.02.2019, 13:46

denke dass das an der fe_page liegt.

wenn ich die fe_page mit der aktuellen vergleiche, z.B. den Head-Bereich tausche, wird gar kein CSS mehr geladen.

**kischd** · 19.02.2019, 18:39

im alten fe_page wird noch jede Pfad für css,... aufgeführt.
In der neuen ist das ja dieses hier

HTML-Code:

<head>

  <?php $this->block('head'); ?>
    <meta charset="<?= $this->charset ?>">
    <title><?= $this->title ?></title>
    <base href="<?= $this->base ?>">

    <?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(); ?>

    <?= $this->viewport ?>
    <?= $this->framework ?>
    <?= $this->stylesheets ?>
    <?= $this->mooScripts ?>
    <?= $this->head ?>

    <?php $this->block('html5shiv'); ?>
      <!--[if lt IE 9]><script src="<?= TL_ASSETS_URL ?>assets/html5shiv/js/html5shiv-printshiv.min.js"></script><![endif]-->
    <?php $this->endblock(); ?>
  <?php $this->endblock(); ?>

</head>

Aber wo lege ich nun fest wo das zeug liegt, damit das auch die fe_page kapiert?

***xchs*** · 19.02.2019, 18:40

Über das Seitenlayout kannst Du sämtliche Ressourcen einbinden.

**kischd** · 20.02.2019, 07:37

Hallo xchs,
mir ist jedoch nicht klar, welche scripte ich einbinden soll. Das ist ein Theme das eigentlich für 3.5 ist.
Die fe_page ist nicht auf Contao 4 angepasst. aktuell hab ich mal nur den Head-Bereich der fe_page rüberkopiert und über das Seitenlayout die css-files geladen.
alles was scripte braucht, hab ich noch nicht geladen. man will ja auch nicht zu viel laden lassen.

***xchs*** · 20.02.2019, 10:00

Wie sieht denn der Head-Bereich des alten Seitentemplates aus?

**tschero** · 20.02.2019, 10:25

Hi,

grundsätzlich brauchst Du m.E. die fe_page erst mal nicht anfassen.
Hier mal an dieser Stelle weitere Info´s (ich vermute einfach mal, das bist Du auch).

https://forum.premium-contao-themes....4600#post14600

Gruß
tschero

**kischd** · 21.02.2019, 18:23

Ich habe aktuell das identische fe_page-Template in der contao 3.5 und Contao4 im Einsatz.

Bei der 3er lädt alles normal. Beim 4er irgendwie ruckelig.
Im Edge widerum ist es auch im 4er normal. verwirrend.

Hier der Head-Bereich:

HTML-Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>">
<title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title>
<base href="<?php echo $this->base; ?>">

<meta name="robots" content="<?php echo $this->robots; ?>">
<meta name="description" content="<?php echo $this->description; ?>">
<meta name="keywords" content="<?php echo $this->keywords; ?>">
<meta name="generator" content="Contao Open Source CMS">
<meta name="viewport" content="width=device-width,initial-scale=1.0">

<link rel="shortcut icon" href="files/cto_layout/img/logos/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="files/cto_layout/img/logos/apple-touch-icon.png">

<!--[if lt IE 9]>
<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="files/cto_layout/scripts/selectivizr-min.js"></script>
<![endif]-->

<?php echo $this->mooScripts; ?>
<script type="text/javascript">$.noConflict();</script>
<script type="text/javascript" src="files/cto_layout/scripts/jquerytools/jquery.tools.min.js"></script>
<script src="files/cto_layout/scripts/bxslider/jquery.bxslider.js" type="text/javascript" charset="utf-8"></script>
<script src="files/cto_layout/scripts/modernizr.js" type="text/javascript" charset="utf-8"></script>


<link rel="stylesheet" type="text/css" href="files/cto_layout/scripts/swiper/swiper.min.css">
<link rel="stylesheet" type="text/css" href="files/cto_layout/scripts/bxslider/jquery.bxslider.css">
<link rel="stylesheet" type="text/css" href="files/cto_layout/css/icons.min.css" media="screen">
<link rel="stylesheet" type="text/css" href="files/cto_layout/css/styles.css" media="screen">
<link rel="stylesheet" type="text/css" href="files/cto_layout/css/style_ico.css" media="screen">
<link rel="stylesheet" type="text/css" href="files/cto_layout/scripts/pushy/css/pushy.css" media="screen">
<link rel="stylesheet" type="text/css" href="files/cto_layout/css/customize.css" media="screen">
<link rel="stylesheet" type="text/css" href="files/cto_layout/css/custom.css" media="screen">
<link rel="stylesheet" type="text/css" href="files/cto_layout/css/yachtcharter_custom.css" media="screen">
<link rel="stylesheet" type="text/css" href="files/cto_layout/css/animate.css" media="screen">


<script src="files/cto_layout/scripts/swiper/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>


<script src="files/cto_layout/scripts/easypiecharts/dist/jquery.easypiechart.min.js" type="text/javascript" charset="utf-8"></script>
<script src="files/cto_layout/scripts/pushy/js/pushy.js" type="text/javascript" charset="utf-8"></script>
<script src="files/cto_layout/scripts/doubletaptogo.js" type="text/javascript" charset="utf-8"></script>
<script src="files/cto_layout/scripts/waypoints.min.js" type="text/javascript" charset="utf-8"></script>
<script src="files/cto_layout/scripts/scripts.js" type="text/javascript" charset="utf-8"></script>

<?php echo $this->stylesheets; ?>
<?php echo $this->head; ?>
</head>

**kischd** · 22.02.2019, 09:49

Ich hab gefunden, warum die Seite so rumgeflippt ist.
es war ein CSS-Eintrag. Und zwar der für die lokalen Fonts.
Verstehen tu ich das nicht, aber was solls.
Ich hab das jetzt komplett raus.
Evtl nochmal bei Google neu generieren lassen:

HTML-Code:

/*  BASIC  */


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}