Joomspirit Slider - zeigt keine Bilder auf Startseite

holerido · 14. April 2016

Hey !

auf dieser Website:

http://fewoni2016.bplaced.net/

wird das Modul "Joomspirit Slider" auf allen Seiten angezeigt, außer auf der "Home" Startseite.

Ich vermute, dass es irgendetwas mit iQuery zutun hat. Damit kenne ich mich nicht aus.

Auf den anderen Seiten funktioniert das Modul ganz normal. (also gehe ich davon aus, dass ich das Modul richtig eingestellt habe)

Noch ein paar Infos:

Joomla 3,5
Template: Helix3 Joomshaper

Danke Für eine Antwort!

Indigo66 · 14. April 2016

Versuche erst mal die Option, jQuery für den Slider abzuschalten.
Wenn das nicht geht, versuche http://extensions.joomla.org/e…s/performance/jquery-easy

holerido · 14. April 2016

VIELEN DANK FÜR DIE SCHNELLE ANTWORT

Ich hatte das bereits im Modul Slider abgeschaltet.

verrückt.
Ich hab das Plugin installiert.

in den Einstellungen auf "enable" geklickt.

Jetzt funktioniert das. ABer es braucht etwas länger, als auf den anderen Seiten.
Vermutlich passiert irgendwas im Hintergrund.

Ist das mit dem Plugin eine Notlösung? Gestern hat es noch ganz normal auf der Startseite funktioniert. kennst du dich mit Helix3 aus? Vielleicht hat das was damit zutun...

LG

Indigo66 · 14. April 2016

Zitat von holerido

kennst du dich mit Helix3 aus?

Leider nein.

Re:Later · 14. April 2016

Auch mit JQueryEasy zeigt die Seite noch mehrere JavaScript-Fehler. Bootstrap-JS ist bspw. jetzt "tot", da die im Plgin gewählte JQuery-Version zu niedrig ist.
Sieh mal hier für Einstellungen:
jQuery global verwalten

Dein Problem ist einfach, was man an den Stellen sieht, die das Plugin im Seitenquelltext nicht bereinigt hat, dass irgendwelche Erweiterungen, vielleicht auch das Template selbst, nach wie vor versuchen JQuery zu laden. Das ist in einem Joomla 3, noch dazu mit Helix 3 NICHT nötig und macht mehr kaputt als zu verbessern.

Also immer mal wieder Blick in die Fehlerkonsole (Webkonsole) des Browsers werfen und Fehlerquellen ausfindig machen und ausmerzen. Dann kannst dir vielleicht auch das Plugin sparen, das selbstverständlich "Performance frisst".

holerido · 15. April 2016

Danke für die Rückmeldung.
Ich habe mir den Link angeschaut, konnte nicht viel für mich daraus nehmen.

Ich hab noch ein paar Bemerkungen:

1) Es kommt im Code der Fehler: "jQuery(...).flexslider is not a function" index.php:312
Aber ich habe im Backend nichts über flexslider gefunden. die index.php hat bei mir nicht 312 Zeilen

2) das Modul "Joomspirit Slider" hat jQuery 1.10.1 (das hatte ich vorher "enabled") Jetzt hab ich das Easy jQuery aus gemacht, und Joomspirit auch aus gemacht.
Jetzt geht es auch nicht.

Ich weiß nicht, wie ich die verschiedenen jQuery Befehle finde und ausschalte. Ich weiß auch nicht welchen ich ausschalten sollte. Da brauch ich Hilfe.
Wie finde ich die unterschiedlichen jQuery Module?

Wenn es möglich ist, möchte ich wenig Performance fressen lassen

DANKE FÜR DIE HILFE!

Re:Later · 15. April 2016

Zitat von holerido

Ich habe mir den Link angeschaut, konnte nicht viel für mich daraus nehmen.

Du wirst auf einen einzelnen Post von mir geleitet, in dem ich die Einstellungen beschreibe, die du in deinem JQuery Easy einstellen sollst!

DirtyWorld · 16. April 2016

Hallo,

zu diesen Zeilenzahlen kommt es, da dem Browser natürlich nur die geparsten Inhalte zur Verfügung stehen, und nicht mehr der reine PHP-Code.

Da ich glaube das du deine Situation noch nicht wirklich analysiert hast, würde ich mir den Quellcode mal vornehmen und schauen ob überhaupt jQuery geladen wird und wenn mehrmals, würde ich mir meine Index.php mal anschauen wie dort jQuery geladen wird. Auch die Art wie die Slideshow das jQuery läd ist relevant.
Hierzu würde ich dir diese Seite in der Dokumentation ans Herz legen: https://docs.joomla.org/Javascript_Frameworks

holerido · 16. April 2016

Zitat von Re:Later

Du wirst auf einen einzelnen Post von mir geleitet, in dem ich die Einstellungen beschreibe, die du in deinem JQuery Easy einstellen sollst!

Diese Einstellungen habe ich übernommen. Dann ging es auch gut, nur hat es längere Zeit zum Laden gebraucht. Darum suche ich nach einer "besseren" Lösung.

Ich habe weiter gesucht und versucht:

Wenn ich die css Klasse ".flexslider" in meiner index.php (also über dieses "Prüfen"-Tool in GoogleChrome) lösche , erscheint die Slideshow wie gewollt. auch wenn dann der Fehler trotzdem nicht verschwindet. (Fehler sagt ja: index.php:312 Uncaught TypeError: jQuery(...).flexslider is not a function)
Aber wie oben schon erwähnt, ist dieser Befehl meines Wissens nach nicht in der index.php. Also wo kann ich diese CSS Klasse ändern, sodass der Slider angezeigt wird?

Flexslider ist ein anderes Modul, dass ich aber schon wieder deinstalliert habe. Vielleicht sind da noch Reste auf meinem Webspace?

Danke, für die Antworten!

edit: Rechtsschreibung

DirtyWorld · 16. April 2016

Hallo,
der Fehler kann nicht verschwinden wenn du zur Laufzeit etwas am Quellcode verändertst.
Dazu müsstest du jquery(...).flexslider(); neu initialisieren.
Noch zur Erklärung, wenn du .flexslider im CSS hat erstmal nichts mit .flexslider(); im JavaScript zu tun.
Wenn du die Klasse löscht dann löscht du nur den Selektor für das Plugin. Das steht im Pluginaufruf am Anfang mit jQuery('.selektor')...
Nochmal du wirst den Aufruf innerhalb Deiner Index.php nicht finden. Der Pluginaufruf steht im entsprechenden Modul dessen Daten nachträglich in die Index.php vom Server eingefügt werden.

Zitat

Flexslider ist ein anderes Modul, dass ich aber schon wieder deinstalliert habe. Vielleicht sind da noch Reste auf meinem Webspace?

Benutzt du nun Flexslider oder nicht?

Re:Later · 16. April 2016

Außerdem: Deine Probleme bzgl. langsamerem Laden. Deine Seite ist so weit entfernt von performant, dass du das vielleicht in Kauf nehmen solltest und, wenn alles funktioniert, du dann Tools wie JCH-Optimize verwendest, die Bspw. dein HTML komprimieren, die JavaScripte, CSS-Dateien komprimieren und zusammenfassen etc. pp.
Servercaching einrichtest/aktivierst usw.

Dann wird das Plugin kaum mehr ins Gewicht fallen (wenn es denn jetzt schon überhaupt messbar ins Gewicht fällt, was ich anzweifle).
Wer natürlich bei bplaced hostet

Bin raus hier...

holerido · 18. April 2016

Danke für eure Antworten.

Ich verstehe das so:

1) die ganze Seite hat keine gute Performence, darum ist es auch selbst "mit" dem easy jQuery Plugin ausreichend.

2) Der Grund für diesen jQuery Ladefehler ist uns noch unbekannt. Dafür braucht ihr mehr Informationen über index.php und installierte Module.

Also geb ich hier den Inhalt der index.php:

Spoiler anzeigen

PHP

<?php
/**
 * @package Helix3 Framework
 * Template Name - Shaper Helix3
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2015 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
//no direct accees
defined ('_JEXEC') or die ('resticted aceess');


$doc = JFactory::getDocument();


JHtml::_('jquery.framework');
JHtml::_('bootstrap.framework'); //Force load Bootstrap
unset($doc->_scripts[$this->baseurl . '/media/jui/js/bootstrap.min.js']); // Remove joomla core bootstrap


//Load Helix
$helix3_path = JPATH_PLUGINS.'/system/helix3/core/helix3.php';


if (file_exists($helix3_path)) {
    require_once($helix3_path);
    $this->helix3 = helix3::getInstance();
} else {
    die('Please install and activate helix plugin');
}


//Coming Soon
if($this->helix3->getParam('comingsoon_mode')) header("Location: ".$this->baseUrl."?tmpl=comingsoon");


//Class Classes
$body_classes = '';


if($this->helix3->getParam('sticky_header')) {
    $body_classes .= ' sticky-header';
}


$body_classes .= ($this->helix3->getParam('boxed_layout', 0)) ? ' layout-boxed' : ' layout-fluid';


//Body Background Image
if($bg_image = $this->helix3->getParam('body_bg_image')) {


    $body_style  = 'background-image: url(' . JURI::base(true ) . '/' . $bg_image . ');';
    $body_style .= 'background-repeat: '. $this->helix3->getParam('body_bg_repeat') .';';
    $body_style .= 'background-size: '. $this->helix3->getParam('body_bg_size') .';';
    $body_style .= 'background-attachment: '. $this->helix3->getParam('body_bg_attachment') .';';
    $body_style .= 'background-position: '. $this->helix3->getParam('body_bg_position') .';';
    $body_style  = 'body.site {' . $body_style . '}'; 


    $doc->addStyledeclaration( $body_style );
}


//Body Font
$webfonts = array();


if( $this->params->get('enable_body_font') ) {
    $webfonts['body'] = $this->params->get('body_font');
}


//Heading1 Font
if( $this->params->get('enable_h1_font') ) {
    $webfonts['h1'] = $this->params->get('h1_font');
}


//Heading2 Font
if( $this->params->get('enable_h2_font') ) {
    $webfonts['h2'] = $this->params->get('h2_font');
}


//Heading3 Font
if( $this->params->get('enable_h3_font') ) {
    $webfonts['h3'] = $this->params->get('h3_font');
}


//Heading4 Font
if( $this->params->get('enable_h4_font') ) {
    $webfonts['h4'] = $this->params->get('h4_font');
}


//Heading5 Font
if( $this->params->get('enable_h5_font') ) {
    $webfonts['h5'] = $this->params->get('h5_font');
}


//Heading6 Font
if( $this->params->get('enable_h6_font') ) {
    $webfonts['h6'] = $this->params->get('h6_font');
}


//Navigation Font
if( $this->params->get('enable_navigation_font') ) {
    $webfonts['.sp-megamenu-parent'] = $this->params->get('navigation_font');
}


//Custom Font
if( $this->params->get('enable_custom_font') && $this->params->get('custom_font_selectors') ) {
    $webfonts[ $this->params->get('custom_font_selectors') ] = $this->params->get('custom_font');
}


$this->helix3->addGoogleFont($webfonts);


//Custom CSS
if($custom_css = $this->helix3->getParam('custom_css')) {
    $doc->addStyledeclaration( $custom_css );
}


//Custom JS
if($custom_js = $this->helix3->getParam('custom_js')) {
    $doc->addScriptdeclaration( $custom_js );
}


?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php
    if($favicon = $this->helix3->getParam('favicon')) {
        $doc->addFavicon( JURI::base(true) . '/' .  $favicon);
    } else {
        $doc->addFavicon( $this->helix3->getTemplateUri() . '/images/favicon.ico' );
    }
    ?>


    <jdoc:include type="head" />

    <?php


    $this->helix3->addCSS('bootstrap.min.css, font-awesome.min.css') // CSS Files
        ->addJS('bootstrap.min.js, jquery.sticky.js, main.js') // JS Files
        ->lessInit()->setLessVariables(array(
            'preset'=>$this->helix3->Preset(),
            'bg_color'=> $this->helix3->PresetParam('_bg'),
            'text_color'=> $this->helix3->PresetParam('_text'),
            'major_color'=> $this->helix3->PresetParam('_major')
            ))
        ->addLess('legacy/bootstrap', 'legacy')
        ->addLess('master', 'template');


        //RTL
        if($this->direction=='rtl') {
            $this->helix3->addCSS('bootstrap-rtl.min.css')
            ->addLess('rtl', 'rtl');
        }


        $this->helix3->addLess('presets',  'presets/'.$this->helix3->Preset(), array('class'=>'preset'));

        //Before Head
        if($before_head = $this->helix3->getParam('before_head')) {
            echo $before_head . "\n";
        }
    ?>
</head>
<body class="<?php echo $this->helix3->bodyClass( $body_classes ); ?>">
    <div class="body-innerwrapper">
        <?php $this->helix3->generatelayout(); ?>


        <div class="offcanvas-menu">
            <a href="#" class="close-offcanvas"><i class="fa fa-remove"></i></a>
            <div class="offcanvas-inner">
                <?php if ($this->helix3->countModules('offcanvas')) { ?>
                    <jdoc:include type="modules" name="offcanvas" style="sp_xhtml" />
                <?php } else { ?>
                    <p class="alert alert-warning"><?php echo JText::_('HELIX_NO_MODULE_OFFCANVAS'); ?></p>
                <?php } ?>
            </div>
        </div>
    </div>
    <?php

    if($this->params->get('compress_css')) {
        $this->helix3->compressCSS();
    }


    if($this->params->get('compress_js')) {
        $this->helix3->compressJS( $this->params->get('exclude_js') );
    }


    if($before_body = $this->helix3->getParam('before_body')) {
        echo $before_body . "\n";
    }


    ?>
    <jdoc:include type="modules" name="debug" />
</body>
</html>

Alles anzeigen

Bitte sagt mir was ich noch tun kann, um den Fehler zu finden. Ich habe wohl noch nicht verstanden, was ihr mir vorschlagt

Danke!