Il primo step per creare il tuo negozio online è quello di aggiungere nella tua area di lavoro la Schermata Prodotti.
Per aggiungere il componente e-commerce in una pagina del tuo sito web:
1. Clicca sull’icona Elementi
2. Clicca su E-commerce
3. Clicca su Schermata prodotti
Puoi modificare la schermata prodotti come preferisci:
1. Clicca sul componente Schermata Prodotti
2. Clicca su Modifica
3. Clicca su Gestione e-commerce per configurare il tuo e-commerce [link Configura il tuo negozio online]
4. Clicca sull’icona matita per cambiare le impostazioni di anteprima. Puoi modificare il numero di prodotti per riga, l’altezza e il margine delle immagini, le righe di testo e il numero di anteprime per pagina
5. Clicca su Impostazioni Immagini per modificare le dimensioni delle immagini nella scheda o nelle popup
6. Clicca su Colori per modificare lo sfondo delle anteprime e dei pulsanti
7. Clicca su Stile dei testi per modificare il carattere e la dimensione del titolo dei prodotti, dei prezzi e dei pulsanti
8. Clicca su Avanzate per:
- Attivare o disattivare la barra di ricerca
- Ordinare i prodotti in ordine alfabetico, per prezzo, per data di inserimento, per codice o per quantità)
- Mostrare o meno i prezzi con IVA
- Attivare lo zoom
- Personalizzare gli elementi (etichetta, pulsante visualizza, quantità disponibile, numero di articoli, icone Social)
- Animare l’anteprima
- Filtrare per categoria [Link]
- Scegliere la modalità di visualizzazione dei prodotti (Pop-up o Pagina di Destinazione)
La pagina di destinazione deve contenere il componente Scheda Prodotto
Da sapere: La pagina di destinazione deve contenere il componente Scheda Prodotto. E’ possibile impostare come pagina di destinazione la stessa pagina in cui è presente il componente Ricerca Prodotti, affinché sia presente anche il componente Schermata Prodotti dell’ecommerce.
Come creare una pagina di destinazione per la visualizzazione dei prodotti
1. Clicca a destra sulla Barra degli strumenti
2. Clicca sull’icona pagina
3. Clicca su nuova pagina e dai un nome alla pagina (Ad es. Pagina di Destinazione)
4. Seleziona, tra i template per la pagina, il template Product Detail.