Configurazione

Indice

Accedi all’area amministrazione di WordPress clicca sulla voce di menù Impostazioni » MT Flycards. Si aprirà la pagina MT Flycards Configurazione

1 – TEMA JQUERY-UI E ANIMAZIONE

In quet’area potrai scegliere quale tema jQuery-UI applicare al catalogo prodotti generato da Woocommerce.

1.1 – Tema

seleziona uno tra i 25 temi jQuery-UI disponibili.

1.2 – Tipo animazione

seleziona il tipo di animazione che vuoi applicare alle cards prodotti quando vengono filtrate o quando infinitescroll carica le nuove pagine dei prodotti.

1.3 – Durata in ms

La durata dell’ animazione sopra descritta in millisecondi. Minmo 200ms corrispondente a veloce massimo 800ms corrispondente a lento.

2 – COMPATIBILITÀ TEMA ATTIVO WORDPRESS

Edizione Standard

Edizione standard 1.1 supporta e riconosce automaticamente i temi WordPress Twenty Ten, Twenty Eleven, Twenty Twelve nei succesivi rilasci verranno inclusi altri temi.

Edizione Expert

Questo è uno degli aspetti più interessanti di MT Flycards Edizione Expert e permette di integrare correttamente MT Flycards e Woocommerce nella struttura del Tema WordPress attivato.
Sono disponibili di default quattro opzioni:

Custom – se selezioni questa opzione dovrai definire i tuoi wrapper di apertura e chiusura personalizzati editando i file custom-wrapper-start.php e custom-wrapper-end.php questi due file possono essere modificati dal pannello di amministrazione di WordPress cliccando su Plugin » Editor successivamente selezionare MT Flycards dal campo di selezione Selezionare il plugin da modificare ed in fine cliccando sul pulsante seleziona troverai i due file da modificare tra i file elencati a destra. Puoi modificare i file custom anche con il tuo programma ftp entrando nella directory /wp-content/plugin/mtflycards/templates .

custom-wrapper-start.php:

<?php
/*
 * MT Flycards
 * Custom theme wrapper start
 * Edit this file with custom code that open wrapper 
 * for your current active wordpress theme 
 */
?>

custom-wrapper-end.php:

<?php
/*
 * MT Flycards
 * Custom theme wrapper end
 * Edit this file with custom code that close wrapper 
 * for your current active wordpress theme 
 */
?>

Prendi come esempio i wrapper di apertura e chiusura utilizzati per integrare MT Flycards nel tema WordPress Twenty Twelve v. 1.1. Come puoi notare dal codice sottostante si tratta di semplice codice html copiato dal file page.php del tema Twenty Twelve v.1.1 il quale definisce la struttura del loop dei contenuti della pagina, un tema per WordPress costruito secondo gli standard di WordPress dovrebbe contenere questo template. Di norma il file page.php si trova nella directory di WordPress /wp-content/themes/nome del tema.

wrapper-start.php:

<?php 
/**
 * MT Flycards
 * wrapper start for Theme Twenty Twelve v 1.1
 */
?>
<div id="primary" class="site-content">
<div id="content" role="main">

wrapper-end.php:

<?php 
/**
 * MT Flycards
 * wrapper end for Theme Twenty Twelve v 1.1
 */
?>
</div></div>

Per le altre rimanenti opzioni si tratta di selezionare i wrapper già pronti da utilizzare per i temi ufficiali di WordPress, attualmente Twenty Twelve v1.1, Twenty Eleven v.1.0, Twenty Ten v1.0 .

È possibile creare nuove opzioni di selezione per la compatibilità con il tema attivo WordPress è sufficente creare una nuova directory con inclusi i file wrapper-start.php e wrapper-end.php sotto la directory /wp-content/plugin/mtflycards/compat. MT flycards riconoscerà la nuova directory e renderà disponibile la nuova opzione di compatibilità.

3 – METODO CARICAMENTO PAGINE DEL CATALOGO

3.1 – jQuery Ajax

In relazione a click o selezioni dalle schede di navigazione di MT Flycards carica dinamicamente solo i contenuti aggiornati del catalogo, i frammenti rimanenti della pagina quali header, sidebar, footer non vengono aggiornati, la funzione e relativa solamente al catalogo,link corrispondenti a schede del singolo prodotto, del carrello o altre parti di Woocommerce vengono caricate normalmente.

3.2 – Infinite Scroll

Attiva il plugin JQuery Infinite Scroll di Paul Irish e Luke Shumard, il quale carica in modo progressivo allo scroll del mouse in corrispondenza della fine della pagina nuovi contenuti senza alterare o ricaricare quelli già visualizzati, nel caso di Mt Flycards carica i prodotti relativi alle pagine successive fino ad esaurirle.

4 – VISUALIZZA O NASCONDI PARTI

4.1 – Filtri categorie prodotti

Abilita la scheda filtri categorie prodotti in relazione ai prodotti visualizzati, molto utile quanto è abilitato Infinite Scroll oppure quando è impostato un numero elevato di prodotti per pagina

4.2 – Filtri parole chiave prodotti

Abilita la scheda Parole Chiave, funziona in modo analogo ai Filtri Categorie prodotti ma con le Parole Chiave dei Prodotti visualizzati

4.3 – Overlay immagine prodotto con descrizione Breve

Abilita il plugin jQuery ImageOverlay di Jon Neal il quale inserisce un livello nascosto trasparente sopra l’immagine del prodotto , nel livello verrà visualizzata la descrizione breve del prodotto quando si posizionerà il cursore del mouse sopra l’immagine

4.4 – Scheda widget Woocommerce in offerta

Abilita la scheda che contiene il widget di Woocommerce dei prodotti in offerta

4.5 – Scheda widget Woocommerce più venduti

Abilita la scheda che contiene il widget di Woocommerce prodotti più venduti

4.6 – Scheda widget Woocommerce visti di recente

Abilita la scheda che contiene il widget di Woocommerce prodotti visti di recente

4.7 – Scheda widget Woocommerce più apprezzati

Abilita la scheda che contiene il widget di Woocommerce prodotti più apprezzati, popolari

4.8 – Scheda widget Woocommerce prodotti in evidenza

Abilita la scheda che contiene il widget di Woocommerce prodotti in evidenza, consigliati

5 – PROPRIETÀ PARTI

5.1 – Max caratteri per la descrizione breve del prodotto

Caratteri massimi per la decrizione breve del prodotto

5.2 – Prodotti per pagina

Quanti prodotti visualizzare per pagina

5.3 – Larghezza card prodotto

Larghezza fissa card prodotto determina il numero di prodotti per riga più larga sarà la card meno prodotti per riga verranno visualizzati

5.4 – Altezza card prodotto

Altezza fissa card prodotto, per non riposizionare tramite foglio stile gli elementi contenuti nella card si consiglia di mantenere l’altezza impostata di default

6 – COLORI

Puoi personalizzare i colori di alcuni elementi della card prodotto, accetta colori HTML in esadecimale

6.1 – Colore sfondo immagine

Background, colore di sfondo dell’immagine della card prodotto

6.2- Colore sfondo overlay immagine

Background, colore sfondo overlay immagine della card prodotto

6.3 – Colore testo overlay immagine

Colore testo contenuto nell’overlay immagine della card prodotto

6.4 – Colore stelle di valutazione

Colore stelle di valutazione della card prodotto