Hello,
If you are using WPB, please add the PHP code below to the fucntions.php file in your child theme.
if ( ! function_exists( 'woodmart_shortcode_popup' ) ) {
function woodmart_shortcode_popup( $atts, $content = '' ) {
$parsed_atts = shortcode_atts(
array(
'id' => 'my_popup',
'title' => '',
'link' => '',
'width' => 800,
'color' => 'default',
'style' => 'default',
'shape' => 'rectangle',
'size' => 'default',
'align' => 'center',
'button_inline' => 'no',
'full_width' => 'no',
'bg_color' => '',
'bg_color_hover' => '',
'color_scheme' => 'light',
'color_scheme_hover' => 'light',
'woodmart_css_id' => '',
'css_animation' => 'none',
'el_class' => '',
'content_class' => '',
'icon_fontawesome' => '',
'icon_openiconic' => '',
'icon_typicons' => '',
'icon_entypo' => '',
'icon_linecons' => '',
'icon_monosocial' => '',
'icon_material' => '',
'icon_library' => 'fontawesome',
'icon_position' => 'right',
'wd_animation' => '',
'wd_animation_delay' => '',
'wd_animation_duration' => '',
),
$atts
);
extract( $parsed_atts );
ob_start();
$parsed_atts['link'] = 'url:#' . esc_attr( $id ) . '|||';
$parsed_atts['el_class'] = 'wd-open-popup ' . $el_class;
woodmart_enqueue_js_library( 'magnific' );
woodmart_enqueue_js_script( 'popup-element' );
woodmart_enqueue_inline_style( 'mfp-popup' );
echo woodmart_shortcode_button( $parsed_atts, true );
$content_classes = '';
$content_classes .= woodmart_get_old_classes( ' woodmart-content-popup' );
if ( $content_class ) {
$content_classes .= ' ' . $content_class;
}
echo '<div id="' . esc_attr( $id ) . '" class="mfp-with-anim wd-popup wd-popup-element mfp-hide' . $content_classes . '" style="max-width:' . esc_attr( $width ) . 'px;"><div class="wd-popup-inner">' . do_shortcode( $content ) . '</div></div>';
return ob_get_clean();
}
}Kind Regards
