Pagina del prodotto del negozio

Pixpa ti consente di modificare il layout della pagina di elenco dei prodotti e della pagina dei dettagli del prodotto. Dai un'occhiata ai link sottostanti per vedere la differenza tra loro:

Oltre al layout, puoi gestire il titolo del prodotto/il carattere dei metadati, i prodotti correlati e la navigazione breadcrumb.

In questo articolo:

  1. disposizione
  2. Testo
  3. Sezioni informative 
  4. Spesso acquistati insieme
  5. Navigazione breadcrumb

Personalizza il design della pagina dei dettagli del prodotto:

  • entrare progettazione del negozio (1) nella barra di ricerca.
  • Dai risultati correlati, fare clic su Design del negozio opzione (2) sotto Collegamenti dello studio. 

  • Ora, dal Pagine di prodotto (3), vedresti le opzioni di design per il file pagina prodotto. 


Questo ti porterebbe alla pagina di layout, da dove puoi scegliere il layout per la pagina del tuo prodotto.

disposizione

  1. disposizione – Scegli il layout per la pagina dei dettagli del prodotto.
  2. Larghezza – Seleziona la larghezza per la pagina dei dettagli del prodotto.
    • Intera larghezza' visualizzerà la pagina del prodotto coprendo l'intera larghezza senza lasciare alcun margine.
    • 'Larghezza del sito' può essere specificato nel file Design sezione. Qui puoi specificare una larghezza fissa.
      Visualizzerà la pagina del prodotto aderendo alla larghezza fissa specificata.
  3. Visualizzazione delle immagini del prodotto – Specificare come devono essere visualizzate le immagini del prodotto sulla pagina del prodotto. Puoi mostrarli con miniature o come una pila verticale.

  1. Lightbox per le immagini dei prodotti – Attivalo per consentire la modalità lightbox per le immagini dei prodotti.
  2. Abilita la condivisione sui social – Selezionare questa opzione per visualizzare le icone social per la condivisione nella pagina dei dettagli del prodotto.


Testo

Clicca sul Cambia stile di testo pulsante per personalizzare i caratteri utilizzato sul tuo sito web.

  1. Cambia stile di testo – Fare clic su questo pulsante per personalizzare i caratteri utilizzato sul tuo sito web.
  2. Carattere del titolo del prodotto – Scegli il carattere per il titolo del prodotto.
  3. Carattere del prezzo del prodotto – Scegli il carattere per il prezzo del prodotto.
  4. Carattere dei metadati del prodotto – Scegli il carattere per il testo diverso dal titolo del prodotto e dal prezzo del prodotto nella pagina dei dettagli del prodotto.


Sezioni informative

  1. Gestisci il file carattere del titolo della sezione informazioni. Controlla anche: Stile del testo del sito web.
  2. Scegliere il style delle sezioni Informazioni nelle pagine Prodotto. È possibile visualizzare le sezioni informative in Fisarmonica verticale or Fisarmonica orizzontale (a schede)..
  3. Scegli espandere la prima sezione delle informazioni aggiunto al prodotto per impostazione predefinita. Funzionerà solo con l'opzione Fisarmonica verticale.


Questa è la sezione che in genere mostra articoli complementari o simili al prodotto che un cliente sta attualmente visualizzando, incoraggiando ulteriori acquisti e migliorando l'esperienza di acquisto.

  1. Mostra prodotti correlati – Seleziona questa opzione per visualizzare i prodotti correlati nella pagina dei dettagli del prodotto.
  2. Ordina per - Scegli come ordinare i prodotti correlati nelle pagine dei prodotti. Puoi scegliere tra quattro diverse opzioni:
    • Gli ultimi prodotti - Man mano che aggiungi prodotti allo Store, questi verranno ordinati, con il prodotto più recente che apparirà per primo nella sezione dei prodotti correlati.
    • Più venduto – I prodotti correlati verranno organizzati in base all'andamento delle vendite, con i prodotti più venduti visualizzati per primi.
    • Inventario più alto – I prodotti verranno organizzati in base all'inventario rimanente, con il prodotto con la maggior parte dell'inventario visualizzato per primo.
    • Casuale - I prodotti correlati verranno ordinati in modo casuale.
  1. Numero di prodotti – Scegli quanti prodotti devono apparire nel file prodotti correlati .
  2. Etichetta - Specificare l'etichetta della sezione dei prodotti correlati.
  3. Display - Scegli lo stile in cui i prodotti verranno visualizzati all'interno della sezione dei prodotti correlati. Puoi scegliere tra opzioni come Quadrato, Orizzontale, Verticale e Dinamico.


Navigazione breadcrumb

  1. Visibilità – Specificare la visibilità/posizione della navigazione breadcrumb nella pagina dei dettagli del prodotto.
  2. Navigazione in alto – Scegli la navigazione breadcrumb in alto per la pagina dei dettagli del prodotto. Puoi scegliere tra Pangrattato – Sinistra / A destra, breadcrumb con nome categoria, breadcrumb con precedente/successivo, precedente/successivo – al centro o ai lati, titoli dei contenuti, ed Torna al negozio Opzioni
  3. Stile di carattere superiore – Scegli il carattere per la navigazione breadcrumb in alto.
  4. Navigazione inferiore – Scegli la navigazione breadcrumb in basso per la pagina dei dettagli del prodotto. Puoi scegliere tra Precedente/Successivo – Centro o Lati, ed Titoli dei contenuti Opzioni
  5. Stile carattere inferiore – Scegli il carattere per la navigazione breadcrumb in basso.

Controlla anche: Opzioni di navigazione delle cartelle.

Dai un'occhiata al breadcrumb della pagina del prodotto in cui il Pangrattato – A sinistra l'opzione è selezionata come Navigazione superiore: 

Ecco un esempio di navigazione breadcrumb in azione. 

Finalmente, colpisci Risparmi pulsante per salvare tutte le modifiche.
Questo è tutto. Lo stile scelto verrà applicato alle pagine dei prodotti del tuo negozio.


Non trovi quello che cerchi?

Mettiti in contatto con un esperto Pixpa.