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:

add_filter('woocommerce_product_tabs', 'new_custom_product_tab');

```
function new_custom_product_tab($tabs){
```

    $doplnkove_info = get_post_meta(get_the_ID(), 'dalsie-informacie', true);

```
    if ($doplnkove_info) {
```

        $tabs['new_custom_tab'] = array(

            'title'    => __('Ďalšie informácie', 'textdomain'),

```
            'priority' => 50,
```

            'callback' => 'new_custom_tab_content'

```
        );
```
```
    }
```
```
    return $tabs;
```
```
}
```
```
function new_custom_tab_content()
```
```
{
```

    $doplnkove_info = get_post_meta(get_the_ID(), 'dalsie-informacie', true);

    echo '<p>' . $doplnkove_info . '</p>';

```
}
```

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:

```
/**
```
```
 * Remove DALSIE INFORMACIE TAB
```
```
 */
```

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

```
 
```

function woo_remove_product_tabs( $tabs ) {

    unset( $tabs['additional_information'] ); // Odstrániť záložku "Ďalšie informácie"

```
    return $tabs;
```
```
}
```

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.

Získajte prístup k online kurzu Od nápadu k hotovému webu za 30 dní, v ktorom vás naučím, ako si môžete vytvoriť plnohodnotný web za 30 dní, alebo menej, aj keď ste netechnický typ.

ZÍSKAŤ PRÍSTUP KU KURZU