­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ if ( us_amp() ) { $_amp_ID = 'w-popup-' . ( empty( $el_id ) ? mt_rand( 1, 9999 ) : $el_id ); } // Output the element $output = '
'; // Trigger link if ( us_amp() ) { $trigger_link['on'] = 'tap:' . $_amp_ID . '.open,' . $_amp_ID . '.toggleClass(class=\'opened\')'; } else { $trigger_link['href'] = 'javascript:void(0)'; } if ( $show_on == 'image' ) { $image_html = wp_get_attachment_image( $image, $image_size ); if ( empty( $image_html ) ) { $image_html = us_get_img_placeholder( $image_size ); } $image_atts = array( 'class' => 'w-popup-trigger type_image', 'aria-label' => __( 'Popup', 'us' ), ); $output .= '' . $image_html . ''; } elseif ( $show_on == 'load' ) { $output .= ''; } elseif ( $show_on == 'selector' ) { $output .= ''; } elseif ( $show_on == 'icon' ) { $icon_atts = array( 'class' => 'w-popup-trigger type_icon', 'aria-label' => __( 'Popup', 'us' ), ); $output .= '' . us_prepare_icon_tag( $btn_icon ) . ''; } else/*if ( $show_on == 'btn' )*/ { // Check existence of Button Style, if not, set the default $btn_styles = us_get_btn_styles(); if ( ! array_key_exists( $btn_style, $btn_styles ) ) { $btn_style = '1'; } $btn_atts = array( 'class' => 'w-popup-trigger type_btn w-btn us-btn-style_' . $btn_style, ); if ( ! empty( $btn_size ) ) { $btn_atts['style'] = 'font-size:' . $btn_size; } // Icon $icon_html = ''; if ( ! empty( $btn_icon ) ) { $icon_html = us_prepare_icon_tag( $btn_icon ); $btn_atts['class'] .= ' icon_at' . $btn_iconpos; } $output .= '
'; $output .= ''; if ( is_rtl() ) { $btn_iconpos = ( $btn_iconpos == 'left' ) ? 'right' : 'left'; } if ( $btn_iconpos == 'left' ) { $output .= $icon_html; } $output .= '' . trim( strip_tags( $btn_label, '
' ) ) . ''; if ( $btn_iconpos == 'right' ) { $output .= $icon_html; } $output .= ''; $output .= '
'; } // Add AMP specific lightbox semantics if ( us_amp() ) { $output .= ''; } // Overlay $output .= '
us_get_color( $overlay_bgcolor, /* Gradient */ TRUE ), ) ); $output .= '>
'; $popup_classes = us_amp() ? '' : ' animation_' . $animation; // Popup title $output_title = ''; if ( $use_page_block === 'none' AND ! empty( $title ) ) { $popup_classes .= ' with_title'; $output_title .= '
us_get_color( $title_textcolor ), 'background' => us_get_color( $title_bgcolor, /* Gradient */ TRUE ), ) ); $output_title .= '>' . esc_html( $title ) . '
'; } else { $popup_classes .= ' without_title'; } // The Popup itself $output .= '
'; $output .= '
$popup_border_radius, 'width' => $popup_width, ) ); $output .= '>
'; $output .= $output_title; // Popup content $output .= '
$popup_padding, 'background' => us_get_color( $content_bgcolor, /* Gradient */ TRUE ), 'color' => us_get_color( $content_textcolor ), ) ); $output .= '>'; if ( $use_page_block === 'none' ) { $output .= do_shortcode( wpautop( $content ) ); } else { $output .= do_shortcode( '[us_page_block id="' . $use_page_block . '"]' ); } $output .= '
'; // .w-popup-box-content $output .= '
'; // .w-popup-box // Popup closer $output .= '
us_get_color( $content_bgcolor, /* Gradient */ TRUE ), 'color' => us_get_color( $content_textcolor ), ) ); $output .= '>
'; $output .= '
'; // .w-popup-wrap if ( us_amp() ) { $output .= ''; } $output .= '
'; // .w-popup echo $output;