| @@ -68,9 +68,9 @@ | ||
| 68 | 68 | <input type="text" name="<?php echo esc_attr( $field['name'] ); ?>" class="ayg-editor-field ayg-editor-field-<?php echo esc_attr( $field['name'] ); ?> ayg-color-picker widefat" value="<?php echo esc_attr( $field['value'] ); ?>" data-default="<?php echo esc_attr( $field['value'] ); ?>" /> |
| 69 | 69 | <?php endif; ?> |
| 70 | 70 | |
| 71 | 71 | <!-- Hint --> |
| 72 | - <?php if ( isset( $field['description'] ) ) : ?> | |
| 72 | + <?php if ( isset( $field['description'] ) && ! empty( $field['description'] ) ) : ?> | |
| 73 | 73 | <p class="description"><?php echo wp_kses_post( $field['description'] ); ?></p> |
| 74 | 74 | <?php endif; ?> |
| 75 | 75 | </div> |
| 76 | 76 | <?php |
| @@ -84,9 +84,11 @@ | ||
| 84 | 84 | endforeach; |
| 85 | 85 | ?> |
| 86 | 86 | |
| 87 | 87 | <p> |
| 88 | - <input type="button" id="ayg-generate-shortcode" class="button-primary" value="<?php esc_attr_e( 'Generate Shortcode', 'automatic-youtube-gallery' ); ?>" /> | |
| 88 | + <a href="#ayg-shortcode-modal" id="ayg-generate-shortcode" class="ayg-modal-button button button-primary button-hero"> | |
| 89 | + <?php esc_attr_e( 'Generate Shortcode', 'automatic-youtube-gallery' ); ?> | |
| 90 | + </a> | |
| 89 | 91 | </p> |
| 90 | 92 | </div> |
| 91 | 93 | </div> |
| 92 | 94 | </div> |
| @@ -95,9 +97,9 @@ | ||
| 95 | 97 | <div class="ayg-right-col"> |
| 96 | 98 | <div class="ayg-col-content"> |
| 97 | 99 | <p class="about-description"><?php esc_html_e( '"Automatic YouTube Gallery" provides several methods to build your gallery. Choose one of the following methods best suited for you,', 'automatic-youtube-gallery' ); ?></p> |
| 98 | 100 | <p><span class="dashicons dashicons-arrow-left-alt"></span> <?php esc_html_e( 'Use the shortcode builder in this page to build your gallery shortcode, then add it in your POST/PAGE.', 'automatic-youtube-gallery' ); ?></p> |
| 99 | - <p>2. <?php printf( __( 'Use our "Automatic YouTube Gallery" <a href="%s" target="_blank">Gutenberg block</a> to build the gallery directly in your POST/PAGE.', 'automatic-youtube-gallery' ), 'https://plugins360.com/automatic-youtube-gallery/building-youtube-gallery-using-gutenberg/' ); ?></p> | |
| 101 | + <p>2. <?php printf( __( 'Use our "Automatic YouTube Gallery" <a href="%s" target="_blank" rel="noopener noreferrer">Gutenberg block</a> to build the gallery directly in your POST/PAGE.', 'automatic-youtube-gallery' ), 'https://plugins360.com/automatic-youtube-gallery/building-youtube-gallery-using-gutenberg/' ); ?></p> | |
| 100 | 102 | <p>3. <?php esc_html_e( 'Use our "Automatic YouTube Gallery" widget to add the gallery in your website sidebars.', 'automatic-youtube-gallery' ); ?></p> |
| 101 | 103 | </div> |
| 102 | 104 | </div> |
| 103 | 105 | </div> |
| @@ -102,15 +104,10 @@ | ||
| 102 | 104 | </div> |
| 103 | 105 | </div> |
| 104 | 106 | |
| 105 | 107 | <!-- Shortcode Modal --> |
| 106 | -<div id="ayg-shortcode-modal" class="ayg-modal" style="display: none;"> | |
| 107 | - <div class="ayg-modal-bg"></div> | |
| 108 | - <div class="ayg-modal-content"> | |
| 109 | - <div class="ayg-modal-body"> | |
| 110 | - <span class="ayg-modal-close">×</span> | |
| 111 | - | |
| 112 | - <p class="ayg-modal-title"><?php esc_html_e( 'Congrats! copy the shortcode below and paste it in your POST/PAGE where you need the gallery,', 'automatic-youtube-gallery' ); ?></p> | |
| 113 | - <textarea id="aiovg-shortcode" class="widefat code" autofocus="autofocus" onfocus="this.select()"></textarea> | |
| 114 | - </div> | |
| 108 | +<div id="ayg-shortcode-modal" class="ayg-modal mfp-hide"> | |
| 109 | + <div class="ayg-modal-body"> | |
| 110 | + <p><?php esc_html_e( 'Congrats! copy the shortcode below and paste it in your POST/PAGE where you need the gallery,', 'automatic-youtube-gallery' ); ?></p> | |
| 111 | + <textarea id="aiovg-shortcode" class="widefat code" rows="3" autofocus="autofocus" onfocus="this.select()"></textarea> | |
| 115 | 112 | </div> |
| 116 | 113 | </div> |
