Impostazioni avanzate
Indici -> [il tuo indice] -> Impostazioni -> Avanzate
La sezione Impostazioni Avanzate consente di personalizzare in modo approfondito l'aspetto e le funzionalità del widget di ricerca Smartypilot. Questa sezione è pensata per utenti avanzati con esperienza in HTML e CSS, poiché le modifiche apportate qui influenzano direttamente la visualizzazione e l'interattività dei risultati di ricerca sul sito eCommerce.
Box di Codice HTML per il Box Prodotto
Attenzione: Prima di apportare modifiche al codice HTML nel box prodotto, assicurati di fare una copia del codice funzionante attuale. Le modifiche errate al codice HTML possono causare problemi di visualizzazione nei risultati di ricerca. Lavorare con una copia di backup ti permetterà di ripristinare facilmente la configurazione precedente in caso di errori. Utilizza questo box con cautela e solo se hai familiarità con l'HTML.
Questo campo ti permette di personalizzare l'HTML del box prodotto nei risultati di ricerca. Utilizzando questo box di codice, puoi modificare la struttura del box prodotto, aggiungere nuovi elementi visivi o funzionalità avanzate.
Esempi di Utilizzo:
Aggiungere badge in base a specifici attributi del prodotto (ad esempio, "Nuovo", "In sconto" o "Edizione limitata").
Personalizzare l’ordine e il layout delle informazioni di prodotto, come nome, prezzo e immagine, per migliorare l'estetica o l'usabilità.
Utilizza questo box con estrema cautela e solo se hai esperienza con il codice HTML, poiché modifiche non corrette possono compromettere la visualizzazione dei risultati di ricerca. È sempre consigliabile testare le modifiche in un ambiente di sviluppo prima di applicarle sul sito live.
Box di Codice CSS Personalizzato
In questo box puoi inserire codice CSS personalizzato per adattare l’aspetto del widget di ricerca al design del tuo sito. Utilizzando il CSS custom, hai il controllo completo su colori, font, spaziatura, bordi e altre proprietà visive.
Esempi di Utilizzo:
Modificare i colori di sfondo, testo e bordi per mantenere la coerenza con il branding del tuo eCommerce.
Personalizzare la dimensione delle immagini di prodotto, la spaziatura tra i risultati o gli effetti di hover per un’interazione più dinamica.
Inserisci solo il CSS necessario per evitare di sovraccaricare il widget e di incorrere in conflitti con gli stili globali del sito. Testa sempre il CSS personalizzato su vari dispositivi per assicurarti che l’aspetto rimanga consistente su tutti gli schermi.
Codice di Integrazione per Siti Custom
In questa sezione troverai il codice di integrazione necessario per implementare il widget di ricerca Smartypilot su un sito realizzato custom, ovvero senza CMS predefiniti come Shopify o PrestaShop. Il codice è in sola lettura e deve essere copiato e incollato nel codice del tuo sito per attivare la ricerca.
Utilizzo: Copia questo codice e incollalo nella posizione appropriata all'interno del tuo sito custom per rendere disponibile il widget di ricerca. Assicurati che sia posizionato correttamente e che il codice HTML del tuo sito sia predisposto per accogliere il widget.
Questa sezione delle Impostazioni Avanzate offre un controllo completo su come Smartypilot appare e si comporta sul tuo sito, ma è consigliata solo agli utenti esperti. Utilizzala per perfezionare l’integrazione visiva e funzionale del widget, mantenendo sempre un occhio di riguardo sulla stabilità e sull’usabilità del sito.
Last updated