{"id":2405,"date":"2015-05-21T17:08:13","date_gmt":"2015-05-21T15:08:13","guid":{"rendered":"https:\/\/www.generazione2000.com\/magazine\/2015\/05\/21\/woocommerce-modifiche-per-compatibilita-dei-temi\/"},"modified":"2015-05-21T17:08:13","modified_gmt":"2015-05-21T15:08:13","slug":"woocommerce-modifiche-per-compatibilita-dei-temi","status":"publish","type":"post","link":"https:\/\/www.generazione2000.com\/magazine\/woocommerce-modifiche-per-compatibilita-dei-temi\/","title":{"rendered":"WooCommerce: modifiche per compatibilit\u00e0 dei temi"},"content":{"rendered":"<h1><a href=\"https:\/\/www.generazione2000.com\/magazine\/wp-content\/uploads\/sites\/2\/2020\/08\/woocommerce_logo.png\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-1239 alignleft\" src=\"https:\/\/www.generazione2000.com\/magazine\/wp-content\/uploads\/sites\/2\/2020\/08\/woocommerce_logo.png\" alt=\"woocommerce_logo\" width=\"200\" height=\"200\" \/><\/a>WooCommerce: modifiche per compatibilit\u00e0 dei temi<\/h1>\n<h2>Come rendere compatibile un tema WordPress con WooCommerce<\/h2>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"notranslate\">Nel maggior parte dei casi i modelli WooCommerce integreranno perfettamente con la maggior parte dei temi WordPress.<\/span><\/p>\n<p><span class=\"notranslate\">Dove si pu\u00f2 incorrere in problemi \u00e8 quando gli contenuti WooCommerce di default non corrispondono ai temi scelti.<\/span> <span class=\"notranslate\"> Questo si manifester\u00e0 rompendo il layout delle pagine WooCommerce e spostando le vostre barre laterali in posizioni non corrette.<\/span><\/p>\n<p><span class=\"notranslate\">Questo problema pu\u00f2 potenzialmente influenzare la <strong>pagina di negozio,<\/strong> la <strong>singola pagina del prodotto<\/strong> e le pagine <strong>di tassonomia<\/strong> (categorie e tag) perch\u00e9 WooCommerce usa modelli propri di visualizzare queste pagine, ed \u00e8 impossibile per WooCommerce conoscere esattamente che cosa <em>markup<\/em> il tema utilizza. <strong>Altre pagine<\/strong> (checkout, carrello, conto) <strong>non sono interessati perch\u00e9 usano template page.php del vostro tema.<\/strong><\/span><\/p>\n<p><span class=\"notranslate\">Ci sono due modi per risolvere questo:<\/span><\/p>\n<ul>\n<li>Utilizzando degli <strong>Hooks<\/strong> (per utenti esperti \/ programmatori)<\/li>\n<li><span class=\"notranslate\">Utilizzando la nostra funzione <strong>woocommerce_content ()<\/strong> all&#8217;interno del vostro tema.<\/span><\/li>\n<\/ul>\n<h2 id=\"section-1\"><span class=\"notranslate\">Utilizzando woocommerce_content () <\/span><\/h2>\n<p><span class=\"notranslate\">Questa soluzione permette di creare una nuova pagina di modello all&#8217;interno del vostro tema che verr\u00e0 utilizzato per <strong>tutte le visualizzazioni WooCommerce tassonomia e articoli.<\/strong> Mentre una facile soluzione integrativa ha uno svantaggio in quanto questo modello viene utilizzato per <strong>tutte le<\/strong> tassonomie <strong>WC<\/strong> ( categorie di prodotti, ecc) e tipi di messaggi (archivi di prodotti, pagine singole di prodotto).<\/span> <span class=\"notranslate\"> Gli sviluppatori sono incoraggiati ad utilizzare invece gli Hooks.<br \/>\n<\/span><\/p>\n<p>Per impostare la pagina modello, effettuare le seguenti operazioni:<\/p>\n<h3>Duplica la pagina page.php<\/h3>\n<p><span class=\"notranslate\"><strong>. Duplicate<\/strong> il file <strong>page.php<\/strong> del vostro tema e denominarlo <strong>woocommerce.php<\/strong> Questo file dovrebbe essere trovata in questo modo: <\/span><\/p>\n<p><span class=\"notranslate\">wp-content \/ themes \/ NoneDelTema\/ woocommerce.php.<\/span><\/p>\n<p>Dove NomeDelTema \u00e8 riferito al Nome del tema che state utilizzando.<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"notranslate\">Modifica la tua pagina (woocommerce.php)<\/span><\/h3>\n<p><span class=\"notranslate\">Aprite il vostro <strong>woocommerce.php<\/strong> appena creato in un editor di testo, o l&#8217;editor di vostra scelta.<\/span><\/p>\n<h3>Sostituite il Loop<\/h3>\n<p><span class=\"notranslate\">Dopodich\u00e9 \u00e8 necessario trovare il loop (vedi <a href=\"https:\/\/codex.wordpress.org\/The_Loop\" target=\"_blank\">The_Loop<\/a> ).<\/span> <span class=\"notranslate\"> Il ciclo di solito inizia con un:<\/span><\/p>\n<blockquote><p>&lt;? Php if (have_posts ()):<\/p><\/blockquote>\n<p>e di solito termina con:<\/p>\n<blockquote><p>&lt;? Php endif; ?&gt;<\/p><\/blockquote>\n<p>Questa varia tra i temi. Una volta che lo avete trovato, eliminarlo. Al suo posto, mettere:<\/p>\n<blockquote><p>&lt;? Php woocommerce_content (); ?&gt;<\/p><\/blockquote>\n<p>In questo modo sar\u00e0 possibile utilizzare <strong>ciclo di WooCommerce<\/strong>. Salvare il file. Hai finito.<\/p>\n<blockquote><p>Nota: Quando crei woocommerce.php nella cartella del tuo tema, non sarai in grado di sovrascrivere il modello personalizzato woocommerce \/ archive-product.php perch\u00e8 woocommerce.php ha priorit\u00e0 rispetto archive-product.php. Questo ha lo scopo di prevenire problemi di visualizzazione.<\/p><\/blockquote>\n<h2>Utilizzando gli Hooks<\/h2>\n<p>Il metodo Hook \u00e8 pi\u00f9 complicato rispetto all&#8217;utilizzo woocommerce_content, ma \u00e8 pi\u00f9 flessibile. Questo \u00e8 simile al metodo che usiamo durante la creazione dei nostri temi. E &#8216;anche il metodo che usiamo per integrarsi bene con i Temi Twenty Ten e Eleven.<\/p>\n<p>Inserire alcune righe nel file <strong>functions.php<\/strong> del vostro <strong>tema<\/strong>.<\/p>\n<p>Prima sganciare (unhook) le informazioni (wrappers) WooCommerce:<\/p>\n<blockquote><p>remove_action (&#8216;woocommerce_before_main_content&#8217;, &#8216;woocommerce_output_content_wrapper&#8217;, 10);<br \/>\nremove_action (&#8216;woocommerce_after_main_content&#8217;, &#8216;woocommerce_output_content_wrapper_end&#8217;, 10);<\/p><\/blockquote>\n<p>Poi agganciare (hook) le proprie funzioni per visualizzare le informazioni (wrappers) che il tema richiede:<\/p>\n<blockquote><p>add_action (&#8216;woocommerce_before_main_content&#8217;, &#8216;my_theme_wrapper_start&#8217;, 10);<br \/>\nadd_action (&#8216;woocommerce_after_main_content&#8217;, &#8216;my_theme_wrapper_end&#8217;, 10);<\/p>\n<p>function my_theme_wrapper_start () {<br \/>\necho &#8216;&lt;section id = &#8220;main&#8221;&gt;&#8217;;<br \/>\n}<\/p>\n<p>function my_theme_wrapper_end () {<br \/>\necho &#8216;&lt;\/ section&gt;&#8217;;<\/p>\n<p>}<\/p><\/blockquote>\n<p>Assicurarsi che il markup corrisponde a quello del vostro tema. Se non siete sicuri di quali classi o ID di usare, dare un&#8217;occhiata al page.php del tema per una guida.<\/p>\n<h3>Dichiarare supporto WooCommerce<\/h3>\n<p>&nbsp;<\/p>\n<p>Una volta che sei felice che il tuo tema supporta pienamente WooCommerce, dovreste dichiararlo nel codice per nascondere il messaggio &#8220;Il tuo tema non dichiara di supportare WooCommerce&#8221;. A tale scopo, aggiungendo il seguente codice alla funzione di supporto tema:<\/p>\n<blockquote><p>add_action( &#8216;after_setup_theme&#8217;, &#8216;woocommerce_support&#8217; );<br \/>\nfunction woocommerce_support() {<br \/>\nadd_theme_support( &#8216;woocommerce&#8217; );<br \/>\n}<\/p><\/blockquote>\n<h2>Se tutti i metodi sopracitati falliscono &#8230;<\/h2>\n<p>Se non \u00e8 possibile risolvere i problemi con i metodi di cui sopra e non si hanno conoscenze di programmazione, si consiglia vivamente di guardare i <a href=\"https:\/\/www.woothemes.com\/product-category\/themes\/\" target=\"_blank\">temi WooCommerce<\/a> che lavorano come una soluzione senza problemi.<\/p>\n<p>&nbsp;<\/p>\n<p>Nota: traduzione dalla pagina originale in inglese <a href=\"https:\/\/docs.woothemes.com\/document\/third-party-custom-theme-compatibility\/\" target=\"_blank\">Third party \/ custom \/ non-WC theme compatibility<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce: modifiche per compatibilit\u00e0 dei temi Come rendere compatibile un tema WordPress con WooCommerce &nbsp; &nbsp; &nbsp; Nel maggior parte dei casi i modelli WooCommerce integreranno perfettamente con la maggior parte dei temi WordPress. Dove si pu\u00f2 incorrere in problemi \u00e8 quando gli contenuti WooCommerce di default non corrispondono ai temi scelti. Questo si manifester\u00e0 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":2392,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55,113,23,24,36,107],"tags":[293,1117,1231,1234],"class_list":["post-2405","post","type-post","status-publish","format-standard","has-post-thumbnail","","category-cms","category-plugin-wordpress","category-siti-web","category-sito-web-fai-da-te","category-tip-triks","category-wordpress","tag-compatibilita","tag-temi","tag-woocommerce","tag-wordpress-2"],"_links":{"self":[{"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/posts\/2405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/comments?post=2405"}],"version-history":[{"count":0,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/posts\/2405\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/media\/2392"}],"wp:attachment":[{"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/media?parent=2405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/categories?post=2405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/tags?post=2405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}