Διαμόρφωση του widget

Αυτό το άρθρο δεν υποστηρίζεται πλέον. Διαβάστε την τεκμηρίωση Searchanise για τις πιο πρόσφατες πληροφορίες.

Διαμόρφωση του widget

Η γραμμή αναζήτησης ενσωματώνεται απρόσκοπτα με το τρέχον θέμα του storefront. Ωστόσο, υπάρχει περιθώριο για λεπτή ρύθμιση της εξωτερικής εμφάνισης της φόρμας αυτόματης συμπλήρωσης και του πλαισίου προεπισκόπησης προϊόντος.

Πριν διαμορφώσετε το widget, βεβαιωθείτε ότι το ενεργοποιείτε επιλέγοντας το πλαίσιο ελέγχου Enable instant search widget. Κάντε κλικ στο Optimize for phones and tablets εάν η γραμμή αναζήτησης προορίζεται να χρησιμοποιηθεί σε κινητές συσκευές.

Χρώματα

Στην καρτέλα Colors μπορείτε να επεξεργαστείτε το χρωματικό σχήμα του widget για να είναι περισσότερο ευθυγραμμισμένο με το υπάρχον σχεδιασμό του storefront.

Search widget
Search widget

Για να επεξεργαστείτε το χρωματικό σχήμα:

  • Αλλάξτε το χρωματικό σχήμα σε Custom colors.
Search widget colors
Search widget colors
  • Εισάγετε νέες δεκαεξαδικές τιμές (από #000000 για μαύρο έως #FFFFFF για λευκό) στα αντίστοιχα πεδία κειμένου.
  • Πληκτρολογήστε κάποιο κείμενο στο πεδίο δίπλα στο κουμπί Preview changes και κάντε κλικ σε αυτό το κουμπί για να δοκιμάσετε τις τροποποιήσεις σας πριν τις αποθηκεύσετε. Εάν θέλετε να επαναφέρετε τα χρώματα στις προεπιλογές, κάντε κλικ στο κουμπί Reset colors.
  • Κάντε κλικ Apply changes για να αποθηκεύσετε το νέο χρωματικό σχήμα.

Περιεχόμενο

Στην καρτέλα Content μπορείτε να διαμορφώσετε τη συμπεριφορά του widget. Η περιγραφή των ρυθμίσεων στις ενότητες General, Products και Search Suggestions μπορεί να βρεθεί στην καρτέλα Help.

Οι ρυθμίσεις στην ενότητα Pro features είναι διαθέσιμες μόνο στο Searchanise Pro.

Μεταφράσεις

Αυτή η ενότητα παρέχει δυνατότητες μετάφρασης του widget αναζήτησης Searchanise. Για να μεταφράσετε το κείμενο, γράψτε τη μετάφρασή του σε ένα επεξεργάσιμο πλαίσιο κειμένου και αποθηκεύστε τις αλλαγές.

Προσαρμοσμένο HTML

Αυτή η ενότητα είναι διαθέσιμη μόνο στο Searchanise Pro.

Εδώ μπορείτε να επεξεργαστείτε τον κώδικα HTML ορισμένων στοιχείων του widget άμεσης αναζήτησης. Ενεργοποιήστε το πλαίσιο ελέγχου Show content on focus πάνω από το περιεχόμενο HTML για να το κάνετε επεξεργάσιμο. Ενεργοποιήστε το πλαίσιο ελέγχου Syntax highlighter για να εμφανιστεί η δομή HTML.

Custom HTML
Custom HTML

Μην ξεχάσετε να κάνετε κλικ στο κουμπί Apply changes όταν είστε έτοιμοι.

Προσαρμοσμένο CSS

Αυτή η ενότητα είναι διαθέσιμη μόνο στο Searchanise Pro.

Χρησιμοποιήστε προσαρμοσμένα στυλ CSS για να προσαρμόσετε την εμφάνιση και την αίσθηση του widget άμεσης αναζήτησης. Ενεργοποιήστε το πλαίσιο ελέγχου Syntax highlighter για να εμφανιστεί η δομή CSS.

Ενεργοποιήστε το πλαίσιο ελέγχου Show content on focus πάνω από το περιεχόμενο CSS για να το κάνετε επεξεργάσιμο. Μην ξεχάσετε να κάνετε κλικ στο κουμπί Apply changes όταν είστε έτοιμοι.