[woot_popup_iframe_button]
Ce shortcode génère un bouton qui, au clic, affiche une fenêtre contextuelle (popup) contenant une page dans une iframe.
- popup_page_link : lien vers la page ; le modèle « WOOT Blank Page » doit être sélectionné
- button_text : texte du lien, par exemple : 'Envoyer un message au responsable du produit'
- popup_title : titre de la fenêtre contextuelle
- css_class : classe CSS du lien
- help_title : texte du lien placé à droite dans l'en-tête de la fenêtre contextuelle
- help_link : lien dans l'en-tête de la fenêtre contextuelle
Page de démonstration : https://demo.products-tables.com/product/single-product-example/
Shortcode de démonstration : https://demo.products-tables.com/woot_popup_iframe_button/
À lire aussi : Comment insérer des shortcodes dans la page d'un produit
Exemple de code pour les développeurs :
//file functions.php - creating column for table
add_action('woot_profile_extend', function($profile, $action_name) {
if ($action_name === 'woot_woocommerce_tables') {
$profile['ask_me'] = [
'title' => 'Ask Me',
'order' => FALSE,
'action' => function($post_id) {
return WOOT_HELPER::draw_html_item('a', [
'href' => 'javascript: new Popup23({iframe:"https://demo.products-tables.com/wpform-contact-ask-me/?product_id=' . $post_id . '", '
. 'allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture", '
. 'title:"Ask manager about the product",help_title:"READ about iframe in popup",help_link:"https://products-tables.com/shortcode/woot_popup_iframe_button/"});void(0);',
'class' => 'woot-btn'
], 'Ask Me');
}
];
}
return $profile;
}, 10, 2);
add_shortcode('woot_popup_iframe_button', function($args) {
wp_enqueue_script('woot-helper', WOOT_ASSETS_LINK . 'js/helper.js', [], WOOT_VERSION, true);
wp_enqueue_script('popup-23', WOOT_ASSETS_LINK . 'js/popup-23.js', ['woot-helper'], WOOT_VERSION, true);
wp_enqueue_style('woot-popup-23', WOOT_ASSETS_LINK . 'css/popup-23.css', [], WOOT_VERSION);
wp_enqueue_style('woot-general', WOOT_ASSETS_LINK . 'css/general.css', [], WOOT_VERSION);
$popup_page_link = '';
if (isset($args['popup_page_link'])) {
$popup_page_link = $args['popup_page_link'];
}
$button_text = 'Send message to the product manager';
if (isset($args['button_text'])) {
$button_text = $args['button_text'];
}
$popup_header_text = '';
if (isset($args['popup_header_text'])) {
$popup_header_text = $args['popup_header_text'];
}
$css_class = '';
if (isset($args['css_class'])) {
$css_class = $args['css_class'];
}
return WOOT_HELPER::draw_html_item('a', [
'href' => "javascript: new Popup23({iframe:\"{$popup_page_link}\", title:\"{$popup_header_text}\", style:\"height: 100vh\"});void(0);",
'class' => $css_class
], $button_text);
});