Afbeeldingengallerij
Video’s worden automatisch toegevoegd aan de WooCommerce-afbeeldingengallerij, na de productafbeeldingen. De plugin genereert hiervoor automatisch een miniatuur:
- YouTube – via img.youtube.com
- – Vimeo – via vumbnail.com
Let op: video’s in de gallerij worden alleen getoond als het product een uitgelichte afbeelding heeft.
Je hoeft hiervoor niets extra in te stellen. Zodra een product een video-URL bevat (ingesteld via de plugininstellingen), verschijnt de video automatisch in de gallerij.
Wil je de iframe-output aanpassen? Gebruik dan één van de beschikbare filters:
// YouTube-iframe aanpassen
add_filter( 'plus_get_youtube_video', function( $html, $video_id, $args ) {
return str_replace( 'allowfullscreen', 'allowfullscreen loading="lazy"', $html );
}, 10, 3 );
// Vimeo-iframe aanpassen
add_filter( 'plus_get_vimeo_video', function( $html, $video_id, $args ) {
return $html;
}, 10, 3 );
// YouTube-miniatuur vervangen
add_filter( 'plus_get_youtube_video_thumbnail_url', function( $url, $video_id, $size ) {
// $size: 'default', 'medium', 'high' of 'maxres'
return $url;
}, 10, 3 );
Shortcode
Met de shortcode plus_kingwoo_single_video toon je één specifieke video op een zelfgekozen plek op de pagina.
[plus_kingwoo_single_video source="naam_van_rubriek"]
De waarde van source is de naam van de vrije rubriek of taalcode zoals ingesteld in King en de plugininstellingen.
Beschikbare opties:
| Attribuut | Standaard | Omschrijving |
|---|---|---|
source |
- | Verplicht. Naam van de vrije rubriek of taalcode |
index |
0 |
Index van de video als er meerdere zijn binnen dezelfde bron |
width |
100% |
Breedte van de ingesloten video |
height |
100% |
Hoogte van de ingesloten video |
Voorbeelden:
[plus_kingwoo_single_video source="productvideo"]
[plus_kingwoo_single_video source="productvideo" index="1" width="100%" height="400px"]
PHP Code
ProductVideos-klasse. Zorg dat er een geldig $product-object beschikbaar is.
$videos = \PlusBusinessSoftware\WooCommerce\ProductVideos::get_instance();
echo $videos->plus_show_single_product_video( array(
'source' => 'productvideo',
'index' => 0,
'width' => '100%',
'height' => '400px',
) );
\PlusBusinessSoftware\WooCommerce\ProductVideos::get_instance()->display_product_videos_in_gallery();