Perfekte Jimdo Suche gefunden. Wo ist der Haken?

01.10.2017 02:06
avatar  TomTom
#1
To

Guten Tag im Forum

bis vor kurzem habe ich keine akzeptable Suche in Jimdo einbinden können, weshalb ich verzichtet habe.

Heute habe ich "www.dampferland.ch/search" eingegeben (ohne ") und habe ein Suchfeld erhalten, das auf den ersten Blick perfekte Resultate liefert. Gibt es das schon lange? Der /search Befehl war mir bis jetzt völlig unbekannt.

Jetzt folgende Frage. Wie bekomme ich das Suchfeld auf eine andere beliebige Seite? Und hat die Suche einen Haken?

Vielen Dank für einen Tip

Grüsse Martin


 Antworten

 Beitrag melden
01.10.2017 10:05
avatar  TomTom
#2
To

Wenn ich ein Widget/HTML einfüge mit folgendem Befehl kann ich das Suchfeld auf einer anderen Seite hinzufügen. Ist das schon lange möglich? Oder hat diese Suche einen Haken?

<div id="cc-m-1" class="j-module n j-search "><div class="j-search-wrapper j-search-alignment-0">
<div class="j-search-content" style="width: 100%;">
<form action="/search" class="j-formnew">
<span class="cc-m-form-view-sortable">
<input type="text" class="j-search-input" aria-label="Search" name="q" placeholder="" value="">
<input type="hidden" name="filter" value="0">
<button type="submit" style="display: none">


</button></span></form></div>
</div>
</div>


 Antworten

 Beitrag melden
01.10.2017 15:44 (zuletzt bearbeitet: 01.10.2017 15:45)
avatar  dimschu
#3
avatar

Danke für den Hinweis, ich habe die Seite auch gefunden.
Leider funktioniert bei mir (www.bpw-memberprojects-experts.org) die Suche nicht. Ist das der Haken?
Schade 😟


 Antworten

 Beitrag melden
02.10.2017 22:18
avatar  az_
#4
avatar
az_

kein haken. Du musstb die Suche nur erst einbinden:

Beispiel: https://www.redesign-berlin.de/search-iq?q=css

Der Anbieter ist "search.iq" (https://www.searchiq.co/)

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
03.10.2017 09:20
avatar  dimschu
#5
avatar

Danke für den Hinweis.
Ich habe nun bei searchIQ den Code erstellt und geholt und ihn unter Einstellungen > Header für alle Seiten platziert. Ist das das richtige Vorgehen und der richtige Platz?
Zudem habe ich das Suchfeld gemäss obigem Muster als Widget eingefügt. Auf https://www.bpw-memberprojects-experts.org/
Ich gehe davon aus, dass es so einfach wohl nicht geht - weil es nicht funktioniert. :(
Die Suche funktioniert übrigens auch mit dem Widget von SearchIQ nicht.
Was mag ich falsch gemacht haben? Vielen Dank für Hinweise, da ich dafür schon länger auf der Suche (!) bin ...


 Antworten

 Beitrag melden
11.10.2017 00:14
avatar  az_
#6
avatar
az_

naja, einfach ist das nicht. Du musst die Anleitung schon ganz genau lesen und Dir den Code für das Suchfeld ggf. aus der Demo-Seite herauskopieren und formatieren.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
12.10.2017 15:03 (zuletzt bearbeitet: 12.10.2017 15:33)
#7
co

Hallo,

hab diese Suche nun auch auf meiner Website eingebaut und bin sehr begeistert.
Ist um einiges schöner als die Google & Findberry Suche.

Nun ist mir aufgefallen, dass die Suche alle Seiten meiner Website durchsucht, außer eine. Und zwar dieser hier: Illustrationen

Wisst ihr warum das so ist und wie ich das ändere?

Gibts auch eine Möglichkeit die Suche direkt im Hintergrundbildbereich des Stockholm Designs zu implementieren?
Also praktisch über dem Menü?


Danke und liebe Grüße,
Helmut


 Antworten

 Beitrag melden
12.10.2017 17:04 (zuletzt bearbeitet: 12.10.2017 17:32)
#8
co

Zitat von copterling im Beitrag #7
....
Nun ist mir aufgefallen, dass die Suche alle Seiten meiner Website durchsucht, außer eine. Und zwar dieser hier: Illustrationen
....



Hab die Lösung für dieses Problem gefunden, danke!

Zusätzlich hätte ich aber auch gerne ein Lupensymbol neben dem Suchfeld. Wie bekomme ich das dorthin?


Das größere Problem liegt wohl in der Implementierung der Suche in das Hintergrundbild.

Danke für Eure Hilfe!


 Antworten

 Beitrag melden
12.10.2017 19:30
#9
co

Die dritte und letzte Frage (hoffentlich) zu diesem Thema:
Ich möchte nun das Suchfeld höher machen, damit es besser gefunden werden kann.

Dieser Befehl funktioniert aber nicht:

<form id="siq_searchForm" name="siq_searchForm">
<input type="search" placeholder="... Wandbilder, Typografie, Illustrationen &amp; Karten suchen" value="" name="s" style="width: 100%;" />
<div style="height:100%">
</form>

Ich habe keine Ahnung von Codes schreiben, aber jedesmal wenn ich den grünmarkierten Befehl zusätzlich hinzufüge, dann geht die Suche nicht mehr.

Sorry für das gespame.

Vielen Dank für die Hilfe. :)

Liebe Grüße!


 Antworten

 Beitrag melden
14.10.2017 20:12
avatar  az_
#10
avatar
az_

...was war denn die Lösung?


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
14.10.2017 20:14
avatar  az_
#11
avatar
az_

die Lupe bekommst du über das CSS rein:

1
2
3
4
5
 
.lupe {
background-image: url(https://pub.searchiq.xyz/img/custom-search/search-bg.png);
background-position: 3px center;
background-repeat: no-repeat;
}
 



LG, az

PS: z.B.: auf meiner Webseite: https://www.redesign-berlin.de/


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
15.10.2017 09:00
#12
co

Zitat von az_ im Beitrag #11
.lupe {
background-image: url(https://pub.searchiq.xyz/img/custom-search/search-bg.png);
background-position: 3px center;
background-repeat: no-repeat;
}


Danke für die Info, jedoch hab ich die Lupe noch nicht reinbekommen. Mein Befehl sieht jetzt so aus:

<script type="text/javascript.lupe {
background-image: url(https://pub.searchiq.xyz/img/custom-search/search-bg.png);
background-position: 3px center;
background-repeat: no-repeat;
}

">

//<![CDATA[
(function () {
window.siqConfig = {
engineKey: "939a2b7deac6bbbe400b7fb680b33416"
};
window.siqConfig.baseUrl = "//pub.searchiq.co/";
var script = document.createElement("SCRIPT");
script.src = window.siqConfig.baseUrl + '/js/container/siq-container-2.js?cb=' + (Math.floor(Math.random()*999999)) + '&engineKey=' + siqConfig.engineKey;
script.id = "siq-container";
document.getElementsByTagName("HEAD")[0].appendChild(script);
})();
//]]>
</script>

Funktioniert zwar, aber Lupe sehe ich leider nicht. Ich denke, dass ich den Befehl falsch eingegeben habe. Könntest du mich bitte korrigieren?


Zitat von az_ im Beitrag #10
...was war denn die Lösung?


Die Suche funktioniert über die Metatitel und ich hatte bei /illustrationen noch keinen. Hab ich nun gemacht, Suche neu indexiert und seither geht auch die Suche wunderbar.


 Antworten

 Beitrag melden
17.10.2017 00:44
avatar  az_
#13
avatar
az_

...das script ist css und kommt in den head.bereich. das html-widget bekommt eine zusätzliche Klasse: class="lupe"


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
17.10.2017 22:18
#14
co

Servus az_

Ich bin kurz davor, sieht zumindest so aus.
Meine Lupe ist nun allerdings im Suchfeld und dadurch kaum zu sehen.
Wie bekomme ich das jetzt links davon hin? :)

Danke nochmal! :)


 Antworten

 Beitrag melden
21.10.2017 21:37
avatar  az_
#15
avatar
az_

...sehr gut schon mal. Ich würde die Lupe aber im Input-Feld lassen, und dieses mit padding ein bisschen in der Höhe anpassen. Auch die Lupe kannst Du anpassen (background-size: ... ... ;)


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!