Layout scheda prodotto
Ultimo aggiornamento | Tempo di lettura | Livello utente |
| 26 Agosto 2021 | 10 minuti | Utente amministrativo Utente collaboratore |
Il template Premium comprende numerosi layout per la pagina scheda prodotto utilizzabili sia nella versione Sidemenu che per la versione Fullwidth.
La pagina scheda prodotto non include direttamente il Layout preventivatore prodotto il quale è gestito come un widget.
Visitare la sezione dedicata Layout preventivatori prodotto per conoscere le possibili tipologie di layout.
Visita la sezione >> La struttura dei Template/Layout Prodotti per comprendere al meglio i concetti base.
Visita la sezione >> Gestione e personalizzazione dei template per comprendere come modificare o creare una Scheda prodotto personalizzata.
Visita la sezione >> Gestione e personalizzazione dei template per comprendere come modificare o creare una Scheda prodotto personalizzata.
Tipologie di struttura layout scheda prodotto
Tutte le tipologie di struttura layout includono i seguenti elementi attivabili dal proprio pannello di controllo e sulla singola scheda prodotto.
La posizione degli elementi varia in base alla tipologia di struttura layout scelta.
La posizione degli elementi varia in base alla tipologia di struttura layout scelta.
Tip Promo | |
Tip Novità | |
Tip A partire da | |
| Immagine promo personalizzata |
Allo scopo di rendere più semplice la scelta del layout desiderato da parte dell'utente si consiglia di prendere visione delle informazioni inerenti alle strutture layout sotto indicate.
Struttura No Image
Il layout denominati con no_image (es. classB_wizard_fullwidth_ no_image _layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Descrizione breve
- Preventivatore prodotto
- Download template di stampa e istruzioni
- Sotto Titolo (H2)
- Descrizione estesa
Versione Sidemenu | Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_sidemenu_no_image_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_sidemenu_no_image_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_sidemenu_no_image_layout.html classB_temp_sidemenu_no_image_layout.html | File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_no_image_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_no_image_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_no_image_layout.html classB_temp_fullwidth_no_image_layout.html |
Struttura Top Image
Il layout denominati con top_image (es. classB_wizard_fullwidth_ top_image _layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Descrizione breve
- Immagine Top
- Preventivatore prodotto
- Download template di stampa e istruzioni
- Sotto Titolo (H2)
- Descrizione estesa
Versione Sidemenu | Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_sidemenu_top_image_layout_1.html classB_wizard_sidemenu_top_image_layout_2.html classB_wizard_sidemenu_top_image_layout_3.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_sidemenu_top_image_layout_1.html classB_otp_sidemenu_top_image_layout_2 .html classB_otp_sidemenu_top_image_layout_3 .html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_sidemenu_top_image_layout_1.html classB_static_sidemenu_top_image_layout_2.html classB_static_sidemenu_top_image_layout_3.html | File da utilizzare per prodotti di tipo Wizard classB_wizard_ fullwidth _top_image_layout .html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_top_image_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_top_image_layout.html classB_temp_fullwidth_top_image_layout.html |
Struttura Inline Image
Il layout denominati con inline_image (es. classB_wizard_fullwidth_ inline_image _layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Immagine Top
- Descrizione breve
- Download template di stampa e istruzioni
- Preventivatore prodotto
- Sotto Titolo (H2)
- Descrizione estesa
Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_inline_image_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_inline_image_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_inline_image_layout.html classB_temp_fullwidth_inline_image_layout.html |
Struttura Inline Slider
Il layout denominati con inline_slider (es. classB_wizard_fullwidth_ inline_slider _layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Foto gallery
- Descrizione breve
- Download template di stampa e istruzioni
- Preventivatore prodotto
- Sotto Titolo (H2)
- Descrizione estesa
Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_inline_slider_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_inline_slider_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_inline_slider_layout.html classB_temp_fullwidth_inline_slider_layout.html |
Struttura Inline Slider Gallery
Il layout denominati con inline_slider_gallery (es. classB_wizard_fullwidth_ inline_slider_gallery _layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Immagine foto gallery
- Miniature gallery
- Descrizione breve
- Download template di stampa e istruzioni
- Preventivatore prodotto
- Sotto Titolo (H2)
- Descrizione estesa
Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_inline_slider_gallery_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_inline_slider_gallery_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_inline_slider_gallery_layout.html classB_temp_fullwidth_inline_slider_gallery_layout.html |
Struttura Foto Slider
Il layout denominati con foto_slider (es. classB_wizard_fullwidth foto_slider _layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Descrizione breve
- Immagine Top
- Preventivatore prodotto
- Download template di stampa e istruzioni
- Sotto Titolo (H2)
- Descrizione estesa
Versione Sidemenu | Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_sidemenu_foto_slider_layout_1 .html classB_wizard_sidemenu_foto_slider_layout_2.html classB_wizard_sidemenu_foto_slider_layout_3.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_sidemenu_foto_slider_layout_1 .html classB_ otp _sidemenu_foto_slider_layout_2.html classB_ otp _sidemenu_foto_slider_layout_3.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_sidemenu_foto_slider_layout_1 .html classB_ static _sidemenu_foto_slider_layout_2.html classB_ static _sidemenu_foto_slider_layout_3.html classB_temp_sidemenu_foto_slider_layout_1 .html classB_ temp _sidemenu_foto_slider_layout_2.html classB_ temp _sidemenu_foto_slider_layout_3.html | File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_foto_slider_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_foto_slider_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_foto_slider_layout .html classB_temp_fullwidth_foto_slider_layout .html |
Struttura Foto Slider Gallery
Il layout denominati con foto_slider_gallery (es. classB_wizard_fullwidth foto_slider_gallery _layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Immagine foto gallery
- Miniature gallery
- Descrizione breve
- Download template di stampa e istruzioni
- Preventivatore prodotto
- Sotto Titolo (H2)
- Descrizione estesa
Versione Sidemenu | Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_sidemenu_foto_slider_gallery_layout_1 .html classB_wizard_sidemenu_foto_slider_ gallery_ layout_2.html classB_wizard_sidemenu_foto_slider_ gallery_ layout_3.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_sidemenu_foto_slider_ gallery_ layout_1 .html classB_ otp _sidemenu_foto_slider_ gallery_ layout_2.html classB_ otp _sidemenu_foto_slider_ gallery_ layout_3.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_sidemenu_foto_slider_ gallery_ layout_1 .html classB_ static _sidemenu_foto_slider_ gallery_ layout_2.html classB_ static _sidemenu_foto_slider_ gallery_ layout_3.html classB_temp_sidemenu_foto_slider_ gallery_ layout_1 .html classB_ temp _sidemenu_foto_slider_ gallery_ layout_2.html classB_ temp _sidemenu_foto_slider_ gallery_ layout_3.html | File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_foto_slider_gallery_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_foto_slider_gallery_layout .html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_foto_slider_gallery_layout .html classB_temp_fullwidth_foto_slider_gallery_layout .html |
Struttura Dual Right Image
La struttura Dual Right prevede layout diversi per chi volesse utilizzare immagini o fotogallery in formato quadrato (square) o in formato rettangolare (wide).
I layout denominati con dual_right_image (es. classB_wizard_fullwidth_ dual_right_image _square_layout.html), struttura la pagina nel seguente modo:
I layout denominati con dual_right_image (es. classB_wizard_fullwidth_ dual_right_image _square_layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Descrizione breve
- Immagine Top
- Preventivatore prodotto
- Download template di stampa e istruzioni
- Sotto Titolo (H2)
- Descrizione estesa
Versione Sidemenu | Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_sidemenu_dual_right_image_square_layout.html classB_wizard_ sidemenu _dual_right_image_wide_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_sidemenu_dual_right_image_square_layout.html classB_otp_ sidemenu _dual_right_image_wide_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_sidemenu_dual_right_image_square_layout.html classB_static_ sidemenu _dual_right_image_wide_layout.html classB_temp_sidemenu_dual_right_image_square_layout.html classB_temp_ sidemenu _dual_right_image_wide_layout.html | File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_dual_right_image_square_layout.html classB_wizard_fullwidth_dual_right_image_wide_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_dual_right_image_square_layout.html classB_otp_fullwidth_dual_right_image_wide_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_dual_right_image_square_layout.html classB_static_fullwidth_dual_right_image_wide_layout.html classB_temp_fullwidth_dual_right_image_square_layout.html classB_temp_fullwidth_dual_right_image_wide_layout.html |
Struttura Dual Right Slider
La struttura Dual Right prevede layout diversi per chi volesse utilizzare immagini o fotogallery in formato quadrato (square) o in formato rettangolare (wide).
I layout denominati con dual_right_slider (es. classB_wizard_fullwidth_ dual_right_slider _square_layout.html), struttura la pagina nel seguente modo:
I layout denominati con dual_right_slider (es. classB_wizard_fullwidth_ dual_right_slider _square_layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Descrizione breve
- Slider immagini
- Preventivatore prodotto
- Download template di stampa e istruzioni
- Sotto Titolo (H2)
- Descrizione estesa
Versione Sidemenu | Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_sidemenu_dual_right_slider_square_layout.html classB_wizard_ sidemenu _dual_right_slider_wide_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_sidemenu_dual_right_slider_square_layout.html classB_otp_ sidemenu _dual_right_slider_wide_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_sidemenu_dual_right_slider_square_layout.html classB_static_ sidemenu _dual_right_slider_wide_layout.html classB_temp_sidemenu_dual_right_slider_square_layout.html classB_temp_ sidemenu _dual_right_slider_wide_layout.html | File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_dual_right_slider_square_layout.html classB_wizard_fullwidth_dual_right_slider_wide_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_dual_right_slider_square_layout.html classB_otp_fullwidth_dual_right_slider_wide_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_dual_right_slider_square_layout.html classB_static_fullwidth_dual_right_slider_wide_layout.html classB_temp_fullwidth_dual_right_slider_square_layout.html classB_temp_fullwidth_dual_right_slider_wide_layout.html |
Struttura Dual Right Slider Gallery
La struttura Dual Right prevede layout diversi per chi volesse utilizzare immagini o fotogallery in formato quadrato (square) o in formato rettangolare (wide).
I layout denominati con dual_right_slider_gallery (es. classB_wizard_fullwidth_ dual_right_slider_square_gallery _layout.html), struttura la pagina nel seguente modo:
I layout denominati con dual_right_slider_gallery (es. classB_wizard_fullwidth_ dual_right_slider_square_gallery _layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Immagine foto gallery
- Miniature gallery
- Descrizione breve
- Download template di stampa e istruzioni
- Preventivatore prodotto
- Sotto Titolo (H2)
- Descrizione estesa
Versione Sidemenu | Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_sidemenu_dual_right_slider_square_gallery_layout.html classB_wizard_ sidemenu _dual_right_slider_wide_gallery_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_sidemenu_dual_right_slider_square_gallery_layout.html classB_otp_ sidemenu _dual_right_slider_wide_gallery_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_sidemenu_dual_right_slider_square_gallery_layout.html classB_static_ sidemenu _dual_right_slider_wide_gallery_layout.html classB_temp_sidemenu_dual_right_slider_square_gallery_layout.html classB_temp_ sidemenu _dual_right_slider_wide_gallery_layout.html | File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_dual_right_slider_square_gallery_layout.html classB_wizard_fullwidth_dual_right_slider_wide_gallery_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_dual_right_slider_square_gallery_layout.html classB_otp_fullwidth_dual_right_slider_wide_gallery_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_dual_right_slider_square_gallery_layout.html classB_static_fullwidth_dual_right_slider_wide_gallery_layout.html classB_temp_fullwidth_dual_right_slider_square_gallery_layout.html classB_temp_fullwidth_dual_right_slider_wide_gallery_layout.html |
Struttura Dual Left Image
La struttura Dual Left prevede layout diversi per chi volesse utilizzare immagini o fotogallery in formato quadrato (square) o in formato rettangolare (wide).
I layout denominati con dual_left_image (es. classB_wizard_fullwidth_ dual_left_image _square_layout.html), struttura la pagina nel seguente modo:
I layout denominati con dual_left_image (es. classB_wizard_fullwidth_ dual_left_image _square_layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Descrizione breve
- Immagine Top
- Preventivatore prodotto
- Download template di stampa e istruzioni
- Sotto Titolo (H2)
- Descrizione estesa
Versione Sidemenu | Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_sidemenu_dual_left_image_square_layout.html classB_wizard_ sidemenu _dual_left_image_wide_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_sidemenu_dual_left_image_square_layout.html classB_otp_ sidemenu _dual_left_image_wide_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_sidemenu_dual_left_image_square_layout.html classB_static_ sidemenu _dual_left_image_wide_layout.html classB_temp_sidemenu_dual_left_image_square_layout.html classB_temp_ sidemenu _dual_left_image_wide_layout.html | File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_dual_left_image_square_layout.html classB_wizard_fullwidth_dual_left_image_wide_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_dual_left_image_square_layout.html classB_otp_fullwidth_dual_left_image_wide_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_dual_left_image_square_layout.html classB_static_fullwidth_dual_left_image_wide_layout.html classB_temp_fullwidth_dual_left_image_square_layout.html classB_temp_fullwidth_dual_left_image_wide_layout.html |
Struttura Dual Left Slider
La struttura Dual Left prevede layout diversi per chi volesse utilizzare immagini o fotogallery in formato quadrato (square) o in formato rettangolare (wide).
I layout denominati con dual_left_slider (es. classB_wizard_fullwidth_ dual_left_slider _square_layout.html), struttura la pagina nel seguente modo:
I layout denominati con dual_left_slider (es. classB_wizard_fullwidth_ dual_left_slider _square_layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Descrizione breve
- Slider immagini
- Preventivatore prodotto
- Download template di stampa e istruzioni
- Sotto Titolo (H2)
- Descrizione estesa
Versione Sidemenu | Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_sidemenu_dual_left_slider_square_layout.html classB_wizard_ sidemenu _dual_left_slider_wide_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_sidemenu_dual_left_slider_square_layout.html classB_otp_ sidemenu _dual_left_slider_wide_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_sidemenu_dual_left_slider_square_layout.html classB_static_ sidemenu _dual_left_slider_wide_layout.html classB_temp_sidemenu_dual_left_slider_square_layout.html classB_temp_ sidemenu _dual_left_slider_wide_layout.html | File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_dual_left_slider_square_layout.html classB_wizard_fullwidth_dual_left_slider_wide_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_dual_left_slider_square_layout.html classB_otp_fullwidth_dual_left_slider_wide_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_dual_left_slider_square_layout.html classB_static_fullwidth_dual_left_slider_wide_layout.html classB_temp_fullwidth_dual_left_slider_square_layout.html classB_temp_fullwidth_dual_left_slider_wide_layout.html |
Struttura Dual Left Slider Gallery
La struttura Dual Left prevede layout diversi per chi volesse utilizzare immagini o fotogallery in formato quadrato (square) o in formato rettangolare (wide).
I layout denominati con dual_left_slider_gallery (es. classB_wizard_fullwidth_ dual_left_slider_square_gallery _layout.html), struttura la pagina nel seguente modo:
I layout denominati con dual_left_slider_gallery (es. classB_wizard_fullwidth_ dual_left_slider_square_gallery _layout.html), struttura la pagina nel seguente modo:
- Titolo (H1)
- Immagine foto gallery
- Miniature gallery
- Descrizione breve
- Download template di stampa e istruzioni
- Preventivatore prodotto
- Sotto Titolo (H2)
- Descrizione estesa
Versione Sidemenu | Versione Fullwidth |
File da utilizzare per prodotti di tipo Wizard classB_wizard_sidemenu_dual_left_slider_square_gallery_layout.html classB_wizard_ sidemenu _dual_left_slider_wide_gallery_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_sidemenu_dual_left_slider_square_gallery_layout.html classB_otp_ sidemenu _dual_left_slider_wide_gallery_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_sidemenu_dual_left_slider_square_gallery_layout.html classB_static_ sidemenu _dual_left_slider_wide_gallery_layout.html classB_temp_sidemenu_dual_left_slider_square_gallery_layout.html classB_wizard_ sidemenu _dual_left_slider_wide_gallery_layout.html | File da utilizzare per prodotti di tipo Wizard classB_wizard_fullwidth_dual_left_slider_square_gallery_layout.html classB_wizard_fullwidth_dual_left_slider_wide_gallery_layout.html File da utilizzare per prodotti di tipo Altri prodotti classB_otp_fullwidth_dual_left_slider_square_gallery_layout.html classB_otp_fullwidth_dual_left_slider_wide_gallery_layout.html File da utilizzare per prodotti di tipo Prodotti Statici classB_static_fullwidth_dual_left_slider_square_gallery_layout.html classB_static_fullwidth_dual_left_slider_wide_gallery_layout.html classB_temp_fullwidth_dual_left_slider_square_gallery_layout.html classB_wizard_fullwidth_dual_left_slider_wide_gallery_layout.html |
Related Articles
Layout scheda prodotto
Ultimo aggiornamento Tempo di lettura Livello utente 26 Agosto 2021 1 minuto Utente amministrativo Utente collaboratore Il template Basic comprende n. 1 layout per la pagina prodotto principale. La pagina scheda prodotto non include direttamente il ...Layout preventivatori prodotto
Ultimo aggiornamento Tempo di lettura Livello utente 26 Agosto 2021 1 minuto Utente amministrativo Utente collaboratore Il template Basic comprende n. 1 layout per ogni macro categoria di preventivatore (commerciale, editoria, etichette, buste, ...Layout preventivatori prodotto
Ultimo aggiornamento Tempo di lettura Livello utente 26 Agosto 2021 3 minuti Utente amministrativo Utente collaboratore Il template Premium comprende n. 3 layout applicabili ad ogni macro categoria di preventivatore (commerciale, editoria, etichette, ...Layout Generale
Ultimo aggiornamento Tempo di lettura Livello utente 15/09/2021 2 minuti Utente amministrativo Utente collaboratore Introduzione La sezione layout generale permette di poter personalizzare dalla propria home page a gli elementi che sono utilizzati in ...Specifiche immagini del Template Premium
Ultimo aggiornamento Tempo di lettura Livello utente 09 Settembre 2021 5 minuti Utente amministrativo Utente collaboratore Introduzione Le immagini creano una forte impressione nei primi secondi in cui un visitatore è sul tuo sito. Imparare a ...