Support » Themes » [Hatch Theme] Front Page slider funktioniert nicht in Chrome/safari

  • Hi,

    ich habe ein Problem mit meiner Front Page im Hatch theme. Ich habe ein Child Theme erstellt und den header durch einen slider ersetzt. Außerdem habe ich die Position des Headers und des Bio-Texts getauscht. Das habe ich alles in firefox gemacht.

    Wenn man die Seite jetzt mit Chrome oder Safari öffnet, funktioniert der Slider nicht und der Text und das Header-Bild überschneiden sich. Das Problem ist nur auf der Front Page

    Weiß jemand, welchen Code ich da ändern muss? Das muss ja irgendetwas mit den margins zu tun haben, oder?

    Hier ist die Seite: http://www.paultoetzke.com

    Bin über jede Art von Hilfe dankbar!
    Paul

Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)
  • Moderator espiat

    (@espiat)

    Problem gelöst?

    Thread-Ersteller paulto16

    (@paulto16)

    Nein, leider noch nicht. Irgendwie sieht die Frontpage in jedem Browser anders aus. Das betrifft die Slideshow aber auch die margins…

    Moderator espiat

    (@espiat)

    Hi. Kann es sein, dass nur du den Fehler siehst, weil du ein Cache-Plugin einsetzt?

    Ich sehe in FF und Chrome gar keinen Slider.

    Thread-Ersteller paulto16

    (@paulto16)

    Hm.. Was wäre das denn für ein Plugin? Ich schaue mal.

    Ich habe das home.php im child-theme extra angepasst und wiegesagt, bei mir in firefox funktioniert die slide-show auch. In den anderen browsern wird einfach nur das erste Foto der SLideshow als Standbild angezeigt.. Das home.php sieht so aus:

    <div id=“header-banner“ role=“banner“>

    <?php // Check to see if the header image has been removed
    $header_image = get_header_image();

    if ( ! empty( $header_image ) ) : ?>

    <?php echo do_shortcode(„[metaslider id=52]“);
    ?>

    <?php endif; // end check for removed header image ?>

    </div>

    <?php do_atomic( ‚close_masthead‘ ); // hatch_close_masthead ?>

    </div>

    Aber wenn ich mich im Moment bei /wp-admin einloggen will, kommt diese Nachricht:
    Warning: Cannot modify header information – headers already sent by (output started at /hermes/bosnaweb16a/b1583/ipg.paultoetzkecom/wp-content/themes/Hatch-Childtheme/functions.php:8) in /hermes/bosnaweb16a/b1583/ipg.paultoetzkecom/wp-includes/pluggable.php on line 1179

    Weißt du vielleicht, wie ich dieses header-Problem lösen kann?
    Danke!

    Moderator espiat

    (@espiat)

    1. Cache: Ja. Du hast ein „Endurance Page Cache“ Plugin aktiv. Das könntest du mal während der Tests ausschalten.

    2. Du hast einen Javascript Fehler lt. Browserkonsole. Poste bitte mal den Quelltext indem du den Code hier per „code“ einfügst. Der ist nämlich jetzt möglicherweise verfälscht.

    3. Was du als erstes lösen solltest: Warning: Cannot modify header information

    Und zwar hiermit: https://de.wordpress.org/support/topic/cannot-modify-header-information-%E2%80%93-headers-already-sent/

    Thread-Ersteller paulto16

    (@paulto16)

    Okay, danke!

    1. Cache PLugin habe ich ausgeschaltet
    2. Hier ist der Quelltext als code:

    <?php do_atomic( 'open_masthead' ); // hatch_open_masthead ?>
    		
    		<?php $hatch_author_bio = hybrid_get_setting( 'hatch_author_bio' ) ? hybrid_get_setting( 'hatch_author_bio' ) : '1'; ?>
    		
    		<div id="author-bio"><?php the_author_meta( 'description', $hatch_author_bio ); ?></div>
    		
    		<div id="header-banner" role="banner">
    
    		<?php // Check to see if the header image has been removed
    		$header_image = get_header_image();
    
    		if ( ! empty( $header_image ) ) : ?>
    
    		<?php echo do_shortcode("[metaslider id=52]"); 
    		?>
    
    		<?php endif; // end check for removed header image ?>
    
    		</div>

    3. Ich habe ein Leerzeichen in functions.php in Zeile 8 gelöscht. Aber in der Zeile 1179 in /wp-includes/pluggeable.php habe das hier gefunden:

    header("Location: $location", true, $status);

    Moderator espiat

    (@espiat)

    Die /wp-includes/pluggeable.php ist eine Core Datei. Diese nicht anfassen bzw. ändern.

    Hast du auch alle Leerzeichen am Anfang und Ende der functions.php entfernt?
    Klappt das einloggen nun?

    Nachdem das Cacheplugin deaktiviert ist, läuft der Slider im FF. Jedoch scheinen aber die Cachedateien noch irgendwo zu liegen bzw. der Browser greift noch darauf zu. Aktiviere mal das Cacheplugin, lösche dann den Cache und deaktiviere es wieder.

    Da es nun im FF läuft, gehe ich nun davon aus, dass das Cacheplugin den Fehler verursacht hat.

    Thread-Ersteller paulto16

    (@paulto16)

    Ja, danke das einloggen klappt.

    Ich hab das Cacheplugin aktiviert, den Cache gelöscht und wieder deaktiviert. Aber jetzt ist ist der header plötzlich unter dem Text. Und in Chrome läuft die Slideshow immer noch nicht.

    Außerdem ist das Menü auf Chrome anders. Es gibt nicht diese > um zu den Untermenüpunkten zu gelangen. Außerdem sind die Titel der Untermenüpunkte in mehrere Zeilen aufgeteilt. In Firefox sind sie in einer Zeile. Also es scheint, als stimmt irgendetwas mit den margins nicht…

    Ich würde gerne auch die Header-Slideshow etwas vom Text nach rechts rücken, sodass sie am T von ABOUT endet.

    Im style.css von hatch sieht das so aus:

    /* Home page 
    -------------------------------------------------------------- */
    #masthead{
    	width: 100%;
    	float: left;
    	margin-bottom: 40px;
    }
    #author-bio {
    	float: left;
    	width: 26.65957446808511%;
    }
    #header-banner {
    	width: 68.08510638297872%;
    	float: left;
    }
    #header-banner img {
    	max-width: 100%;
    }
    Thread-Ersteller paulto16

    (@paulto16)

    Das Problem besteht übrigens nur auf der Frontpage. Geht man in Chrome oder Safari auf eine andere Seite im Menü, werden danach auch die Untermenüpunkte richtig, also wie in Firefox, angezeigt…

    Moderator espiat

    (@espiat)

    Du hast das Cache Plugin wieder angeschaltet? Jetzt sieht man die Slideshow wieder nicht – in allen Browsern.

    Pfeile: Auf den Unterseiten haben die Obermenüpunkte zusätzlich die Klasse „sf-with-ul“ – daher die Pfeile.

    Rechtsbündigkeit: Wenn du folgendes bei #header-banner den float änderst in right anstatt left, dann sollte es dieses Problem lösen:

    #header-banner {
        float: right;
        width: 68.0851%;
    }
    Thread-Ersteller paulto16

    (@paulto16)

    Ne, ich hatte das Plugin nur kurz aktiviert, den Cache geleert und wieder deaktiviert – wie du gesagt hast. Also das Plugin ist abgeschaltet und trotzdem sieht man die SLideshow nicht…

    Was ich mit den Pfeilen nur sagen wollte, ist das nur die Frontpage in den verschiedenen Browsern anders aussieht und auf den anderen Seiten das Layout überall gleich ist. Das verstehe ich nicht ganz. Zum Beispiel wollte ich gestern die Seite vorübergehend mit einem Plugin auf „coming soon“ oder so etwas stellen und das hat auf allen Seiten außer auf der Frontpage geklappt – die wurde weiterhin angezeigt…

    Das mit der Rechtsbündigkeit probiere ich sofort. Danke!

    Moderator espiat

    (@espiat)

    Dein Cacheplugin schiesst da irgendwie quer und das wird der Grund sein, warum dein Slider nicht funktioniert, wenn es angeschaltet ist oder dessen Dateien geladen werden. Schaue mal in der Doku des Cacheplugins nach, wo dort alles noch Cachedateien sein können, die du löschen musst.
    Ausserdem in der wp-config.php den wp_cache auf false stellen.

    define('WP_CACHE', false);

    • Diese Antwort wurde geändert vor 4 Jahre, 12 Monaten von espiat.
Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)
  • Das Thema „[Hatch Theme] Front Page slider funktioniert nicht in Chrome/safari“ ist für neue Antworten geschlossen.