WooCommerce – pridanie záložky s vlastným obsahom

WooCommerce - pridanie záložky s vlastným obsahom

V tomto príklade si ukážeme, ako pomocou kódu pridať novú záložku s vlastným obsahom do detailu produktu a ako odstrániť predvolenú záložku „Ďalšie informácie“.

Pridanie novej záložky s vlastným obsahom do detailu produktu v WooCommerce

Najprv musíme otvoriť súbor functions.php v našej aktívnej téme (najlepšie v child téme) a pridať nasledujúci kód:

  1. add_filter('woocommerce_product_tabs', 'new_custom_product_tab');
  2. function new_custom_product_tab($tabs){
  3.     $doplnkove_info = get_post_meta(get_the_ID(), 'dalsie-informacie', true);
  4.     if ($doplnkove_info) {
  5.         $tabs['new_custom_tab'] = array(
  6.             'title'    => __('Ďalšie informácie', 'textdomain'),
  7.             'priority' => 50,
  8.             'callback' => 'new_custom_tab_content'
  9.         );
  10.     }
  11.     return $tabs;
  12. }
  13. function new_custom_tab_content()
  14. {
  15.     $doplnkove_info = get_post_meta(get_the_ID(), 'dalsie-informacie', true);
  16.     echo '<p>' . $doplnkove_info . '</p>';
  17. }

Tento kód pridá novú záložku s názvom „Ďalšie informácie“ do detailu produktu. V tomto príklade predpokladáme, že máme vlastné pole pre doplnkové informácie s názvom „dalsie-informacie“, ktorý máme už vopred vytvorený napr. v plugine ACF alebo inom, o ktorom sa písalo napríklad tu.

Ak chceme zmeniť názov záložky, alebo zmeniť prioritu, môžeme upraviť hodnoty v poli tabs. Napríklad, ak chceme zmeniť názov záložky na „Informácie o produktoch“, zmeníme ‚title‘ na ‚Informácie o produktoch‘.

Ak chceme odstrániť predvolenú záložku, ktorú detail produktu predvolene zobrazuje „Ďalšie informácie“ z detailu produktu v WooCommerce, môžeme použiť nasledujúci kód:

  1. /**
  2.  * Remove DALSIE INFORMACIE TAB
  3.  */
  4. add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
  5.  
  6. function woo_remove_product_tabs( $tabs ) {
  7.     unset( $tabs['additional_information'] ); // Odstrániť záložku "Ďalšie informácie"
  8.     return $tabs;
  9. }

Zhrnutie

Pridanie vlastnej záložky s vlastným obsahom do detailu produktu v WooCommerce je veľmi jednoduché pomocou kódu. Tento prístup umožňuje prispôsobiť detaily produktu a pridať doplnkové informácie, ktoré by inak nemohli byť zahrnuté v predvolených záložkách.

Okrem toho sme tiež ukázali, ako odstrániť predvolenú záložku „Ďalšie informácie“ z detailu produktu, ak sa rozhodneme použiť vlastnú záložku. Použitie týchto kódov nám umožňuje prispôsobiť detaily produktu a vytvoriť profesionálny a plne funkčný online obchod pomocou WooCommerce.

Pridajte komentár

Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *

Návrat hore