Tab navyše sa môže zísť v rôznych situáciách, v nasledujúcich riadkoch Vám ukážem, ako vytvoriť samostatný tab, v ktorom sa bude zobrazovať video z YouTube. No do takto vytvoreného tabu je možné vložiť akékoľvek html alebo text.
1, Vytvoríme custom field
Ako prvé vytvoríme custom field v produkte nášho eshopu. V tomto prípade ho môžeme pomenovať „tab_video“ a sem vložiť YouTube embed code.
Napríklad:
<iframe width="560" height="315" src="https://www.youtube.com/embed/rmYyPcEQKU4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
2, Pomocou snippetu vytvoríme funkciu, ktorá načíta dáta z custom field „tab_video“
function woo_new_product_tab_video_content_by_hostacny_dot_eu() {
$key_name = get_post_custom_values($key = 'tab_video');
echo $key_name[0];
}
3, Vytvoríme nový tab, ktorý zobrazí funkciu z kroku 2
add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab_video_by_hostacny_dot_eu' );
function woo_new_product_tab_video_by_hostacny_dot_eu( $tabs ) {
$tabs['video_tab'] = array(
'title' => __( 'Video', 'woocommerce' ),
'priority' => 50,
'callback' => 'woo_new_product_tab_video_content_by_hostacny_dot_eu'
);
return $tabs;
}
4, Nakoniec tab skryjeme, ak je custom field „tab_video“ prázdne
add_filter( 'woocommerce_product_tabs', 'remove_product_tabs_video_by_hostacny_dot_eu', 98 );
function remove_product_tabs_video_by_hostacny_dot_eu( $tabs ) {
global $product;
$id = $product->get_id();
$my_custom_data = get_post_meta($id, 'tab_video', true );
if(empty($my_custom_data)) {
unset( $tabs['video_tab'] );
}
return $tabs;
}
![Ako pridať nový tab do produktu vo Woocommerce 4 Ako pridať nový tab do produktu vo Woocommerce 4](https://www.hostacny.eu/wp-content/uploads/2022/07/eshop-test.jamia_.sk_interier_textil_pol-star-scaled.webp)
![Ako pridať nový tab do produktu vo Woocommerce 5 Jakub Hostacny](https://www.hostacny.eu/wp-content/uploads/2021/12/DSC_8337-2048x1365-1.jpg)
Som marketing ecommerce konzultant. Marketingu, grafike a fotografii sa profesionálne venujem už niekoľko rokov. Ak neviete ako rozbehnúť Váš eshop, veľmi rád Vám pomôžem.
ďalšie články na tému WooCommerce
Ako na vlastnú ikonu dopravy vo Woocommerce?
![Ako na vlastnú ikonu dopravy vo Woocommerce? 1 Ako na vlastnú ikonu dopravy vo Woocommerce? 1](https://www.hostacny.eu/wp-content/uploads/2022/07/ako-na-vlastnu-ikonu-dopravy-vo-woocommerce.webp)
Tento snippet umožňuje pridať vlastnú ikonu ktorejkoľvek forme dopravy vo Woocommerce. Nato, aby snippet mohol fungovať,…
Ako pridať vlastné html pod krátky popis produktu vo Woocommerce?
![Ako pridať vlastné html pod krátky popis produktu vo Woocommerce? 2 Ako pridať vlastné html pod krátky popis produktu vo Woocommerce? 2](https://www.hostacny.eu/wp-content/uploads/2022/07/ako-pridat-vlastne-html-pod-kratky-popis-produktu-vo-woocommerc.webp)
Tento snippet umožní pridať vlastné html pod krátky popis produktu. Či už potrebujete k produktu pridať…
Ako pridať vlastný checkbox do pokladne vo WooCommerce
![Ako pridať vlastný checkbox do pokladne vo WooCommerce 3 Ako pridať vlastný checkbox do pokladne vo WooCommerce 3](https://www.hostacny.eu/wp-content/uploads/2022/07/ako-pridat-vlastny-checkbox-do-pokladne-vo-woocommerce.webp)
Vďaka tomuto snippetu môžeme pridať vlastný checkbox do pokladne a informácia o zaškrtnutí/nezaškrtnutí sa zobrazí v…