WooCommerce: modifiche per compatibilità dei temi

Come rendere compatibile un tema WordPress con WooCommerce

Nel maggior parte dei casi i modelli WooCommerce integreranno perfettamente con la maggior parte dei temi WordPress.

Dove si può incorrere in problemi è quando gli contenuti WooCommerce di default non corrispondono ai temi scelti. Questo si manifesterà rompendo il layout delle pagine WooCommerce e spostando le vostre barre laterali in posizioni non corrette.

Questo problema può potenzialmente influenzare la pagina di negozio, la singola pagina del prodotto e le pagine di tassonomia (categorie e tag) perché WooCommerce usa modelli propri di visualizzare queste pagine, ed è impossibile per WooCommerce conoscere esattamente che cosa markup il tema utilizza. Altre pagine (checkout, carrello, conto) non sono interessati perché usano template page.php del vostro tema.

Ci sono due modi per risolvere questo:

• Utilizzando degli Hooks (per utenti esperti / programmatori)
• Utilizzando la nostra funzione woocommerce_content () all’interno del vostro tema.

Utilizzando woocommerce_content ()

Questa soluzione permette di creare una nuova pagina di modello all’interno del vostro tema che verrà utilizzato per tutte le visualizzazioni WooCommerce tassonomia e articoli. Mentre una facile soluzione integrativa ha uno svantaggio in quanto questo modello viene utilizzato per tutte le tassonomie WC ( categorie di prodotti, ecc) e tipi di messaggi (archivi di prodotti, pagine singole di prodotto). Gli sviluppatori sono incoraggiati ad utilizzare invece gli Hooks.

Per impostare la pagina modello, effettuare le seguenti operazioni:

Duplica la pagina page.php

. Duplicate il file page.php del vostro tema e denominarlo woocommerce.php Questo file dovrebbe essere trovata in questo modo:

wp-content / themes / NoneDelTema/ woocommerce.php.

Dove NomeDelTema è riferito al Nome del tema che state utilizzando.

Modifica la tua pagina (woocommerce.php)

Aprite il vostro woocommerce.php appena creato in un editor di testo, o l’editor di vostra scelta.

Sostituite il Loop

Dopodiché è necessario trovare il loop (vedi The_Loop ). Il ciclo di solito inizia con un:

<? Php if (have_posts ()):

e di solito termina con:

<? Php endif; ?>

Questa varia tra i temi. Una volta che lo avete trovato, eliminarlo. Al suo posto, mettere:

<? Php woocommerce_content (); ?>

In questo modo sarà possibile utilizzare ciclo di WooCommerce. Salvare il file. Hai finito.

Nota: Quando crei woocommerce.php nella cartella del tuo tema, non sarai in grado di sovrascrivere il modello personalizzato woocommerce / archive-product.php perchè woocommerce.php ha priorità rispetto archive-product.php. Questo ha lo scopo di prevenire problemi di visualizzazione.

Utilizzando gli Hooks

Il metodo Hook è più complicato rispetto all’utilizzo woocommerce_content, ma è più flessibile. Questo è simile al metodo che usiamo durante la creazione dei nostri temi. E ‘anche il metodo che usiamo per integrarsi bene con i Temi Twenty Ten e Eleven.

Inserire alcune righe nel file functions.php del vostro tema.

Prima sganciare (unhook) le informazioni (wrappers) WooCommerce:

remove_action (‘woocommerce_before_main_content’, ‘woocommerce_output_content_wrapper’, 10);
remove_action (‘woocommerce_after_main_content’, ‘woocommerce_output_content_wrapper_end’, 10);

Poi agganciare (hook) le proprie funzioni per visualizzare le informazioni (wrappers) che il tema richiede:

add_action (‘woocommerce_before_main_content’, ‘my_theme_wrapper_start’, 10);
add_action (‘woocommerce_after_main_content’, ‘my_theme_wrapper_end’, 10);

function my_theme_wrapper_start () {
echo ‘<section id = “main”>’;
}

function my_theme_wrapper_end () {
echo ‘</ section>’;

}

Assicurarsi che il markup corrisponde a quello del vostro tema. Se non siete sicuri di quali classi o ID di usare, dare un’occhiata al page.php del tema per una guida.

Dichiarare supporto WooCommerce

Una volta che sei felice che il tuo tema supporta pienamente WooCommerce, dovreste dichiararlo nel codice per nascondere il messaggio “Il tuo tema non dichiara di supportare WooCommerce”. A tale scopo, aggiungendo il seguente codice alla funzione di supporto tema:

add_action( ‘after_setup_theme’, ‘woocommerce_support’ );
function woocommerce_support() {
add_theme_support( ‘woocommerce’ );
}

Se tutti i metodi sopracitati falliscono …

Se non è possibile risolvere i problemi con i metodi di cui sopra e non si hanno conoscenze di programmazione, si consiglia vivamente di guardare i temi WooCommerce che lavorano come una soluzione senza problemi.

Nota: traduzione dalla pagina originale in inglese Third party / custom / non-WC theme compatibility