Banner di Ricerca Avanzata

Non sono del tutto sicuro di cosa causi questo, ma sembra che sia probabilmente correlato a Themeable site settings are now available

Quale tema stai usando? Come sono configurate queste impostazioni per il tema?

Penso che se hai impostato search field in site header e questo componente è installato, finisci nello stato che descrivi in cui la ricerca è solo nel banner e non appare affatto nell’intestazione… ti sembra accurato?

Utilizzando il tema predefinito e queste sono le impostazioni.

1 Mi Piace

Hai qualche idea sulla causa principale e se necessita di una correzione del componente o di una correzione del discorso?

Ho aggiornato uno dei miei siti e questo componente del tema è stato… schiacciato.

Purtroppo non ho uno screenshot di come appariva la homepage prima dell’aggiornamento, ma posterò uno screenshot di come appare ora. È stato fondamentalmente schiacciato in modo che non sia più alto di quanto non fosse.

Ed ecco il banner originale, la barra di ricerca si trovava nell’area aperta che ora manca.

1 Mi Piace

Sembra che non sia un problema con il banner di ricerca in sé.

Mi sono assicurato di deselezionare la casella per aggiornare il componente del tema con gli aggiornamenti di Discourse, quindi ho aggiornato il mio altro sito di produzione e anche quello ha ridotto il banner.

Come posso ripristinare le dimensioni originali del banner? Quelli più piccoli sono brutti.

Trovata uno screenshot del pre-aggiornamento sul mio secondo sito.

Come appariva prima:

E ora:

L’avviso dell’amministratore riguarda un pezzo di codice non correlato e non esiste sul mio altro sito.

Anche qui, per qualche motivo il mio banner è rotto

prova questa correzione temporanea => desktop => common

.search-banner {
    background-image: url(https://segredin.com/uploads/default/original/1X/3f044a906d2c358806610fc756e09991d25323ed.webp);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    margin-bottom: 10px !important;
    height: 17em;
    padding-top: 50px
}

@edit

Grazie, questo corregge le dimensioni del banner, ma i contenuti sono in alto invece che centrati.

1 Mi Piace

Corretto con padding-top: 50px

1 Mi Piace

Naturalmente, questo è ancora rotto al 100% su mobile.

1 Mi Piace

Qual è il tuo sito? Su mobile questo banner di ricerca semplicemente scompare, forse qualche classe è cambiata, non so.

Sembra che il nome di una variabile sia stato modificato e ciò abbia compromesso il padding. Ho appena aggiunto una correzione FIX: restore padding broken due to missing variable by awesomerobot · Pull Request #100 · discourse/discourse-search-banner · GitHub

Quindi dovresti essere in grado di ripristinare lo spazio precedente aggiornando il componente.

Sì, ora è inclusa una versione più semplice del banner in Discourse per impostazione predefinita, e c’è del CSS per nasconderla su mobile… può essere ripristinata con del CSS personalizzato

@use "lib/viewport";

@include viewport.until(sm) {
  .welcome-banner {
    display: block;
  }
}
5 Mi Piace

Perfetto, grazie mille per aver ripristinato questo componente!

Questo componente monitora i dati di utilizzo? Vorremmo vedere quanto sia efficace per la nostra community.

@bartv No, non credo che lo faccia.

Sembra non aver risolto il problema. La barra di ricerca nella sezione dell’intestazione del sito in alto semplicemente non appare. Ho appena aggiornato all’ultima versione 3.6.0 Beta1-Dev e il problema persiste. L’unico modo per riavere la barra di ricerca nell’intestazione del sito in alto è disabilitare questo componente e abilitare il componente Discourse Header Search.

Qualche idea sul perché abbia smesso di funzionare? Questo era uno dei componenti più belli che usavo, mi mancano molto le sue funzionalità.

Suppongo che questo risponda alla mia domanda. Dopo l’ultimo aggiornamento al banner di benvenuto, l’ho appena abilitato e sembra che sostituisca la funzionalità di questo componente, nonché la ricerca nell’intestazione di Discourse.

Al banner di benvenuto mancano ancora alcune belle personalizzazioni che questo componente ha, come la possibilità di aggiungere un testo secondario (estremamente utile poiché può incoraggiare gli utenti a utilizzare la barra di ricerca piuttosto che rimanere lì come una scatola vuota). Speriamo che ciò si faccia strada nel banner di benvenuto.

D’altra parte, c’è un modo per utilizzare la funzione di personalizzazione CSS in Discourse per modificare il testo secondario nel banner di ricerca?

Ti riferisci a questo componente Advanced Search Banner? Se è così, credo che questa impostazione faccia questo:

No, mi riferisco al testo all’interno della casella di ricerca che dice Cerca

1 Mi Piace

Puoi cambiare la variabile di testo js.search.title in /admin/customize/site_texts.

Ma come hai menzionato in Creating a banner to display at the top of your site - #23 by RBoy, la variabile più specifica dovrebbe essere js.welcome_banner.search, ma al momento non sembra funzionare.

2 Mi Piace