Un utente ha chiesto informazioni su Ivory Search - WordPress Search Plugin di Wordpress

Quando fai clic su un’icona di ricerca, Ivory Search aggiunge un hash all’URL e non si apre

Un utente ha chiesto 👇

Ciao Vinod,

Hai un plugin molto ben codificato, lo adoro.

Tuttavia, ho un problema. Volevo che funzionasse per la scorsa settimana e in qualche modo ha funzionato aggiungendo questo al plugin CSS:

/* To make the icon come in line with navigation menu, inserted by Raj. */
     .is-menu {
    display: inline-block;
    float: right
    margin: 6px
}

/* To make the magnifying glass white, inserted by Raj. */
.is-menu svg.search-icon {
    fill: #FFF;
}

Viene ora visualizzata l’icona di ricerca; tuttavia, facendo clic sull’icona di ricerca si aggiunge un hash all’URL e la casella di ricerca non si apre. (Soprattutto su sottoscrivi pagina, homepage e alcuni post.) Ho provato tutti gli stili di modulo ma senza alcun aiuto. Ho fornito l’URL del mio sito qui. Visita il mio sito e aiuta.

Autore del plugin

(@ vinod-dalvi)

1 anno, 9 mesi fa

Spero che tu stia bene oggi e grazie per la tua domanda.

Ho visitato il tuo sito condiviso e sembra che stia succedendo perché il tuo sito genera errori javascript nella console del browser che impediscono al codice javascript di Ivory Search.

Cancella e svuota temporaneamente la cache che stai utilizzando sul tuo sito, quindi risolvi gli errori javascript.

Ti auguro il meglio,

Lanciatore di thread

(@nrajasekharan)

1 anno, 9 mesi fa

Wow Vinod. Veramente stupendo. L’hai visto correttamente.

BTW, sto andando bene.

Alcuni dei W3 Total Cache sono stati ridotti al minimo da javascript. Nelle sue impostazioni JS minify, il “After “Come” Predefinito (blocco) “. Quando ho modificato le sue impostazioni in “Non ostruito utilizzando asincrono”, ora funziona. Tuttavia, ora c’è un altro problema tecnico.

A parte lo stile di modulo a larghezza intera, nella versione mobile (non la versione Amp) la casella di ricerca è spostata a destra oltre la larghezza della pagina in tutti gli altri stili di modulo; ad esempio, gli stili Default, Drop e Slide spostano la casella di ricerca sul lato destro oltre la larghezza della pagina. Come risolverlo usando i CSS?

Autore del plugin

(@ vinod-dalvi)

1 anno, 9 mesi fa

L’ho provato e mi mostra perfettamente come mostrato in questa immagine https://imgur.com/a/n7zUSUR

Potresti condividere con me l’immagine del problema?

Lanciatore di thread

(@nrajasekharan)

1 anno, 9 mesi fa

Finora ho impostato lo stile del modulo su Larghezza intera affinché funzioni. Ecco perché hai visto che funzionava bene.

Ora ho cambiato lo stile del modulo in menu a discesa. Puoi controllare ora e vedere.

Ottieni l’immagine attuale qui: https://imgur.com/a/ApzT6L8

Tieni presente che la casella di ricerca è spostata a destra oltre la larghezza della pagina.

Come ho detto sopra, nei moduli di stile anziché a larghezza intera, la casella di ricerca è spostata a destra.

Autore del plugin

(@ vinod-dalvi)

1 anno, 9 mesi fa

Puoi risolverlo aggiungendo il codice CSS di seguito nell’opzione CSS personalizzato delle impostazioni del plug-in Ivory Search nel percorso Ivory Search -> Impostazioni -> Impostazioni

@media (max-width: 960px){
#menu-header-navigation li.is-menu {
    float: left;
}
}

Lanciatore di thread

(@nrajasekharan)

1 anno, 9 mesi fa

A parte lo stile di modulo “predefinito”, il resto degli stili di modulo ora funziona bene, su telefoni cellulari e schermi di computer.

Quando si seleziona lo stile di modulo “predefinito”, l’intestazione e la barra di navigazione vengono spostate come segue sullo schermo del computer: https://imgur.com/mmAXLq1

Autore del plugin

(@ vinod-dalvi)

1 anno, 9 mesi fa

Anche in questo caso è necessario visualizzare uno stile di modulo predefinito sul tuo sito in modo che io possa risolverlo poiché è specifico per il tema che stai utilizzando sul tuo sito.

Lanciatore di thread

(@nrajasekharan)

1 anno, 9 mesi fa

Fatto. Puoi controllare ora. 🙂

Autore del plugin

(@ vinod-dalvi)

1 anno, 9 mesi fa

Si prega di utilizzare il codice CSS di seguito per risolverlo.

.is-menu.default form.search-form {
    width: auto;
    float: none;
    display: inline;
}
.is-menu.default input.search-form-input {
    width: 190px;
    padding: 8px;
}

.is-menu.default input.search-form-submit {
    padding: 8px;
}

Lanciatore di thread

(@nrajasekharan)

1 anno, 9 mesi fa

WOW. Questo elimina le mie domande.

Sei un gioiello di persona. Hai ascoltato pazientemente le mie domande e le hai risolte una per una. Sicuramente busserò alla tua porta se corro di nuovo con problemi relativi a questo plugin. Ho lasciato una recensione di questo plugin qui e contrassegno questo thread come risolto.

Grazie Vinod per il tuo tempo e il meraviglioso supporto che hai dato.

Spero che la discussione qui sia utile a chiunque cerchi un problema relativo al tema Genesis Framework Eleven40 Pro di StudioPress.

Autore del plugin

(@ vinod-dalvi)

1 anno, 9 mesi fa

Sei sempre il benvenuto qui 🙂

Grazie mille per la tua recensione motivazionale!

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *