Το τμήμα Featured products δείχνει ένα πλέγμα ή ένα carousel με τα προϊόντα σας. Τα επιλέγει για εσάς, για παράδειγμα τα best sellers ή τα νεότερα προϊόντα σας.
Προσθήκη του τμήματος
- Ανοίξτε τον builder και επιλέξτε Home page στην καρτέλα Pages.
- Στην καρτέλα Sections, κάντε κλικ στο Add new section και διαλέξτε Featured products από την ομάδα Products.
- Επιλέξτε ποια προϊόντα θα εμφανίζονται και μετά κάντε κλικ στο Publish.
Προσφέρεται μόνο στην αρχική σελίδα, έως 2 ανά σελίδα. Για παράδειγμα, ένα για τα best sellers και ένα για τα προϊόντα σε προσφορά.
Ποια προϊόντα εμφανίζονται
Το Source mode επιλέγει και ταξινομεί τα προϊόντα:
- Newest: τα προϊόντα που προσθέσατε τελευταία εμφανίζονται πρώτα.
- Oldest: τα προϊόντα που προσθέσατε πρώτα εμφανίζονται πρώτα.
- Best selling: τα προϊόντα με τα περισσότερα τεμάχια που πουλήθηκαν. Οι εγκαταλελειμμένες παραγγελίες δεν μετράνε.
- Discounted: μόνο προϊόντα με έκπτωση που δεν έχει λήξει. Δείτε Πώς ορίζω τιμές προϊόντων, εκπτώσεις και τιμές ανά αγορά;
- Top rated: μόνο προϊόντα με τουλάχιστον μία δημοσιευμένη κριτική, με πρώτη την υψηλότερη μέση βαθμολογία.
Το Collection filter περιορίζει τη λίστα σε μία συλλογή ή σε All. Εμφανίζονται μόνο προϊόντα που είναι δημοσιευμένα και όχι κρυμμένα.
Διάταξη
- Section width: Page ή Full.
- Layout: Grid ή Carousel (μια σειρά που οι αγοραστές σύρουν ή κυλούν).
- Columns: κάρτες ανά σειρά στους υπολογιστές ή κάρτες που φαίνονται ταυτόχρονα σε ένα carousel.
- Products count: 4, 6, 8, 10 ή 12 προϊόντα.
- Show more button (μόνο για πλέγμα): προσθέτει ένα κουμπί κάτω από το πλέγμα που φορτώνει περισσότερα προϊόντα. Κάθε κλικ φορτώνει ξανά όσα ορίζει το Products count και το κουμπί εμφανίζεται μόνο όταν υπάρχουν κι άλλα προϊόντα για φόρτωση.
- Mobile columns (1 ή 2) και Carousel on mobile, που μετατρέπει το πλέγμα σε carousel στα κινητά (μόνο για πλέγμα).
- Navigation icons και Icon background: τα βέλη ενός carousel. Εμφανίζονται μόνο όταν κάτι κυλά.
- Color scheme, Gap ανάμεσα στις κάρτες, Padding και μια καρτέλα Custom CSS.
Τίτλος και κάρτες προϊόντων
Κάντε κλικ στο Add new block για να βάλετε έναν τίτλο πάνω ή κάτω από τα προϊόντα: έως 2 μπλοκ Text, 1 Divider και 1 Group. Το μπλοκ Product card υπάρχει πάντα και ορίζει πώς φαίνεται κάθε προϊόν (εικόνα, τίτλος, τιμή, βαθμολογία, κουμπί αγοράς). Δείτε Πώς αλλάζω την εμφάνιση των καρτών προϊόντων και των καρτών συλλογών;
Συνταγές
- Best sellers μίας συλλογής: Source mode Best selling, με το Collection filter ρυθμισμένο σε αυτή τη συλλογή.
- Τμήμα προσφορών: Source mode Discounted και ρυθμίστε το Savings badge στην τιμή (Price) της κάρτας σε ποσοστό.
- Μεγάλη λίστα προϊόντων: διάταξη Grid με ενεργό το Show more button, ώστε οι αγοραστές να φορτώνουν περισσότερα όταν θέλουν.
Καλό να ξέρετε
- Όταν κανένα προϊόν δεν ταιριάζει, οι αγοραστές βλέπουν το μήνυμα "No products yet". Ελέγξτε ότι τα προϊόντα σας είναι δημοσιευμένα και ότι έχουν έκπτωση (Discounted) ή κριτική (Top rated).
- Τα Show more button, Mobile columns και Carousel on mobile κρύβονται όταν το Layout είναι Carousel.
- Για να δείξετε προϊόντα μιας συλλογής στην ίδια τη σελίδα της συλλογής, δείτε Τμήμα Collection products.