Jak přidat vlastní tab do detailu produktu - Affinite.io CZ

Detail produktu WooCommerce obsahuje v základu takzvané taby, což jsou záložky, sloužící k zobrazení dalšího obsahu k produktu.

V základu obsahují popis produktu, jeho vlastnosti a pokud jsou povoleny, tak i recenze.

Poměrně častým požadavkem je rozšíření tabů u další položky. Chcete například přidat ke všem produktům video z youtube.

Následující snippet přidá do tabů položku Product video a zobrazí video z Youtube.

add_filter( 'woocommerce_product_tabs', 'custom_product_tabs' );
function custom_product_tabs( $product_tabs ) {

	$product_tabs['product-video'] = array(
		'title' => __( 'Product video', 'musilda' ),
		'callback' => 'display_video_tab_content'
	);

	return $product_tabs;

}

function display_video_tab_content() {

	echo '<iframe width="560" height="315" src="https://www.youtube.com/embed/ShmJNXkoDNQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';

}

Výsledek:

Pokud budete potřebovat, mít možnost, vložit k produktu unikátní video, musíte si přidat políčko do nastavení produktu. to bude určitě obsahem některého z příštích snippetů.

Další užitečné snippety najdete na stránce Užitečné snippety pro WooCommerce

Jak skrýt určitou dopravní metodu na základě uživatelské role
Jak skrýt určitou dopravní metodu na základě uživatelské role
04 Říj, 2021
Jak přidat vlastní text field v nastavení produktu
Jak přidat vlastní text field v nastavení produktu
07 Říj, 2021

Looking for something?