Support » Themes » Suchen Icon verzogen

  • Hallo zusammen

    Meine Anfrage bezieht sich auf das Such Icon, das beim wiederkehrenden Suchfeld, trotz Suchergebnis, den Ergebnissen nach recht hoch gezogen ist.

    Ich hatte die Tipps eines früheren Posts
    https://de.wordpress.org/support/topic/suchergebnisseite-bearbeiten/
    umgesetzt. Das hat auch geklappt. Neu kommt auch bei einem positiven Resultat unten wieder eine Suche.

    Aber das Icon mit der Lupe ist total verzogen.
    Wer weiss Rat?

    Backup etc ist gemacht. Meine Kenntnisse sind nur bescheiden, was ich zu Entschuldigen bitte.

    Liebe Grüsse, Robert Walser

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 14 Antworten - 1 bis 14 (von insgesamt 14)
  • Thread-Starter ifityou

    (@ifityou)

    Nachtrag: Auf dem Mobiltelefon sieht es normal aus. Auf dem Tablet aber so: https://share.icloud.com/photos/009SwpGe3ZMbLOthwgtQx4KJg

    Hallo,
    teste mal bitte die folgende CSS-Regel unter Design > Customizer > Individuelles CSS:

    button.search-submit {
        top: auto!important;
    }

    Viele Grüße
    Hans-Gerd

    Thread-Starter ifityou

    (@ifityou)

    Hallo Hans-Gerd

    Vielen lieben Dank! Das hat funktioniert!


    Ich wünsche Dir und allen Lesenden eine gute Rest-Woche und ein tolles baldiges Weekend!

    Liebe Grüsse, Robert Walser

    Thread-Starter ifityou

    (@ifityou)

    Nachtrag:
    Das Problem wurde zwar gelöst. Nochmals vielen Dank.

    Allerdings kann man, unabhängig dieser oben besprochenen Änderung, die Suchresultate nicht anklicken:
    Siehe beispielsweise:
    https://i-fit-you.ch/?s=Poulet

    Hast Du da auch noch eine Idee woran das liegen kann?

    Ich würde zuerst einmal den (etwas nervigen) blauen Schnee entfernen, und kontrollieren, ob es damit zu tun hat.

    Thread-Starter ifityou

    (@ifityou)

    Hallo bscu

    Der nervige Schnee ist nun weg. An dem Tag es aber nicht. Der war schon vor den Änderungen da. Ich habe das ganze Schnee Plugin deaktiviert.

    Ich habe nach dem Ausschlussverfahren mittlerweile festgestellt, dass Das Problem dann entsteht, wenn ich wie im früheren Theme (https://de.wordpress.org/support/topic/suchergebnisseite-bearbeiten/) empfohlen in der search.php „get_search_form();“ unterhalb von „endwhile; // End the loop.“ einfüge.

    Bei mir sieht das dann so aus: https://share.icloud.com/photos/0c291Jw3V8cCd6u39qY2JSywA

    Vielen Dank für Eure Antworten und Bemühungen.

    Hallo @ifityou
    danke für die Rückmeldung.
    In dem verlinkten Thread ist das Suchen-Problem (eigentlich wieder ein anderes Thema, siehe FAQ: Eine Frage = Ein Thread (Thema)) ja bereits diskutiert worden.

    Kannst du das Thema dann bitte als gelöst markieren, wenn das Problem damit für dich behoben ist:
    Gelöst
    Die Option findest du rechts in der Sidebar. Danke.

    Viele Grüße
    Hans-Gerd

    Thread-Starter ifityou

    (@ifityou)

    Hallo hage

    Leider ist das Problem nicht gelöst. Die Links, die in der Suche erscheinen kann man nicht anklicken.
    Siehe: https://i-fit-you.ch/?s=spinat

    Was ist zu tun?
    Oder soll ich hierfür nochmals einen Threat eröffnen?

    Liebe Grüsse
    Robert Walser

    Hallo,
    wenn ich das richtig sehe, hast du das template entprechend angepasst. Evtl. ist es einfacher, wenn du ein entsprechendes Plugin für diesen Zweck nutzt.
    Bezogen auf das von dir bezogene Theme Twenty Seventeen könnte dieser Beitrag hilfreich sein.

    Viele Grüße
    Hans-Gerd

    Das Problem liegt am Suchformular auf der Seite, das die Beiträge überlagert.

    Auf einer Testinstallation mit dem Theme Twenty Seventeen wird auf der Seite mit den Suchergebnissen überhaupt kein Suchformular angezeigt. Hast du da eine Änderung am Template vorgenommen oder verwendest du für Änderungen ein Plugin? Da du keinen Website-Bericht mitgeschickt hast, lässt sich das schwer beurteilen.

    Zur Not lässt sich die maximale Höhe des Suchfensters eingrenzen. Sinngemäß sowas wie

    @media screen and (min-width: 30em) {
    form.search-form {
        max-height: 100px;
    }
    }
    Thread-Starter ifityou

    (@ifityou)

    Hallo zusammen

    Tausend Dank für Eure Antworten!

    Ja, ich habe nach der folgenden Anleitung das Template geändert, bzw die search.php:
    “Die Ausgabe der Suchergebnisse wird in Twenty Seventeen durch das Template search.php gesteuert. In Zeile 34 erfolgt eine Abfrage, ob Beiträge mit Suchergebnissen vorliegen, anderenfalls wird ab Zeile 56 das Suchformular eingebunden. Die Zeile 61 kann z.B. kopiert und unter Zeile 46 eingefügt werden, um auch bei der Ausgabe von Ergebnissen ein Suchformular auszugeben.“

    Ich will das Suchfeld eigentlich nur auf einer Seite im Memberbereich haben (nicht im Menu). Es handelt sich um eine Rezeptdatenbank.
    Das ist auch nicht das Problem. Das Problem ist, dass bei einem positiven Ergebnis das Suchfeld nicht nochmals erscheint.

    Liebe Grüsse, Robert Walser

    Es ist keine gute Idee, eine Änderung direkt in einem Theme vorzunehmen, weil die Änderung beim nächsten Update überschrieben wird. Du solltest zumindest ein Child-Theme nutzen.

    Der Fehler ist offensichtlich, dass du das Suchformular eingefügt hast, ohne das CSS anzupassen. Viel mehr können wir dazu dann auch nicht sagen.

    Den letzten Absatz habe ich nicht verstanden:

    Ich will das Suchfeld eigentlich nur auf einer Seite im Memberbereich haben (nicht im Menu).

    Ich meinte das Suchformular auf der Seite mit den Suchergebnissen. Dabei spielt es keine Rolle, ob du die Suche im Mitgliedsbereich oder woanders ausführst.

    Das Problem ist, dass bei einem positiven Ergebnis das Suchfeld nicht nochmals erscheint.

    Keine Ahnung, was du damit meinst. Soll das Formularfeld nur angezeigt werden, wenn die Suche keine Ergebnisse bringt? Das ist im Original-Template des Themes schon so vorgegeben.

    Thread-Starter ifityou

    (@ifityou)

    Vielen Dank für Deine Antwort.
    Das mit den Änderungen direkt im Theme Macht Sinn. Das habe ich nicht bedacht. Hatte den Tipp hier im Forum erhalten, weil ich nicht wirklich viel Kenntnisse habe (dafür aber laufende Backups 😀 )

    Bei dem Absatz, den Du nicht verstanden hattest, ging es um den geteilten Artikel (hier), wo man das Suchfeld im Menu hat (was ich nicht möchte)

    Nochmal auf Anfang:
    Ich habe eine Rezeptdatenbank bestehend aus Beiträgen.
    Dafür hätte ich gerne eine Suchfunktion auf einer Seite, die sich im Mitgliederbereich befindet.
    Das ist ja noch kein Problem. Wenn eben diese Suche ein Ergebnis liefert, kommt danach das Suchfeld NICHT mehr.
    Und einzig das möchte ich geändert haben.

    Ob mit einem Plugin ist oder mit zusätzlichem CSS ist mir dabei egal – solange es funzt.

    Vielen Dank für Deine Mühe und Geduld!

    Liebe Grüsse, Robert Walser

    • Diese Antwort wurde geändert vor 1 Jahr, 3 Monaten von ifityou.

    Hatte den Tipp hier im Forum erhalten …

    Wir schreiben aber auch immer wieder, dass du entweder ein Child-Theme verwenden oder Funktionen z.B. mit dem Plugin Code Snippets einbinden sollst. Wie auch immer – niemals Änderungen im WordPress Core und Änderungen im Theme nur, wenn du künftige Updates ausschließen kannst. (Selbst dann solltest du aber Änderungen im (Parent-)Theme vermeiden, weil das sonst schnell unübersichtlich wird.)

    Nochmal auf Anfang

    Warum? Ich hatte dir den Lösungsweg doch bereits beschrieben. Wieso gehst du darauf nicht ein?

    Wenn eben diese Suche ein Ergebnis liefert, kommt danach das Suchfeld NICHT mehr.

    Das ist so von den Entwicklern des Themes konzipiert worden. Ich kürze hier einmal den Code des Template search.php, das für die Ausgabe der Suchergebnisse zuständig ist, auf das Wesentliche ein:

    if ( have_posts() ) :
      while ( have_posts() ) :
        the_post();
          get_template_part( 'template-parts/post/content', 'excerpt' );
      endwhile; // End the loop.
      the_posts_pagination();
    
    else :
      get_search_form();
    endif;

    Als Pseudocode ausgedrückt heißt das:

    Wenn es zur (Such-)Abfrage Beiträge gibt, dann starte eine Schleife, die jeden Beitrag ausgibt. Verwende dabei den Template-Teil content-excerpt.php, um die Beiträge als Textauszug auszugeben.
    Sonst rufe das Suchformular auf.

    Und einzig das möchte ich geändert haben.

    Du bekommst WordPress, Themes und Plugins kostenlos zur Verfügung gestellt und wenn es bei der Anwendung Probleme gibt, bieten wir dir hier auch noch kostenlos unsere Hilfe an.
    Support heißt aber nicht, dass wir für jeden Anwender individuelle Anpassungwünsche umsetzen. Dafür findest du in Freelancer-Portalen Dienstleister, die für sehr wenig Geld solche Änderungen vornehmen. Denen möchten wir nicht noch ihren Lebensunterhalt nehmen.

    Wie auch immer … 

    Möchtest du nun, dass das Suchformular auch angezeigt wird, wenn Beiträge gefunden werden, musst du in ein Child-Theme das Template search.php kopieren und in dem if-Statement eine Zeile hinzufügen. Sinngemäß …

    if ( have_posts() ) :
      while ( have_posts() ) :
        the_post();
          get_template_part( 'template-parts/post/content', 'excerpt' );
      endwhile; // End the loop.
    
      // Suchformular unter den Ergebnissen
      get_search_form();
    
      the_posts_pagination();
    
    else :
     …

    Soll das Suchformular nur angezeigt werden, wenn ein Benutzer angemeldet ist, musst du ein weiteres if-Statement hinzufügen. Pseudocode:
    „Wenn der Benutzer angemeldet ist, dann zeige unterhalb der Suchergebnisse das Suchformular an.“
    Sinngemäß (ich hatte den Code wegen der Lesbarkeit im Forum etwas gekürzt – du solltest das im vollständigen Template einfügen) …

    if ( have_posts() ) :
      while ( have_posts() ) :
        the_post();
          get_template_part( 'template-parts/post/content', 'excerpt' );
      endwhile; // End the loop.
    
      /* 
       * Suchformular unter den Ergebnissen
       * nur für angemeldete Benutzer ausgeben
       */
      if( is_user_logged_in() ) {
        get_search_form();
      }
    
      the_posts_pagination();
    
    else :
     …

    Ein zusätzliches Problem dass sich ergibt ist, dass die Entwickler das CSS darauf abgestimmt haben, dass das Suchformular alleine auf der Seite ausgegeben wird. So, wie du es unter den Suchergebnissen eingebunden hast, überlagert das Suchformular die angezeigten Ergebnisse, weshalb die Links nicht angeklickt werden können. Dazu musst du im Stylesheet des Child-Theme noch die CSS-Regel einfügen, die ich bereits genannt hatte.

    Ich habe hier eine Ausnahme gemacht, weil die Änderung nicht besonders umfangreich ist, werde aber diesen Code nicht weiter erläutern. Solltest du damit nicht zurecht kommen, poste das Problem in einem der vielen Freelancer-Portale, z.B. WordPress Jobs, Fiverr, Codeable

Ansicht von 14 Antworten - 1 bis 14 (von insgesamt 14)
  • Das Thema „Suchen Icon verzogen“ ist für neue Antworten geschlossen.