Jak přidat vlastní tab do detailu produktu

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

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Související články

Přidejte komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *