| @@ -20,17 +20,45 @@ | ||
| 20 | 20 | |
| 21 | 21 | ?> |
| 22 | 22 | <div id="css-javascript" <?php bwp_is_tab('css-javascript'); ?>> |
| 23 | 23 | <h2 class="berq-tab-title"><?php esc_html_e('CSS & JavaScript', 'searchpro'); ?></h2> |
| 24 | - <div class="berq-info-box berq-setting-group"> | |
| 24 | + | |
| 25 | + <div class="berq-info-box berq-setting-group" style="<?php echo $berqwp_can_use_cloud ? 'display:none!important;' : '' ?>" > | |
| 25 | 26 | <div class="group-container"> |
| 26 | - <h3 class="berq-box-title <?php echo !$berqwp_can_use_cloud ? 'cloud-exclusive' : ''; ?>"> | |
| 27 | + <h3 class="berq-box-title"> | |
| 28 | + <?php esc_html_e('Used CSS', 'searchpro'); ?> | |
| 29 | + </h3> | |
| 30 | + <div class="berq-box-content berq-setting-toggle"> | |
| 31 | + <div class="berq-option-content"> | |
| 32 | + <p> | |
| 33 | + <?php esc_html_e('Extract and inline only the CSS used on each page, then load remaining CSS based on the "CSS Delivery Method" setting.', 'searchpro'); ?> | |
| 34 | + </p> | |
| 35 | + </div> | |
| 36 | + <?php berqwp_render_toggle('berqwp_enable_used_css', get_option('berqwp_enable_used_css')); ?> | |
| 37 | + </div> | |
| 38 | + </div> | |
| 39 | + <div class="group-container"> | |
| 40 | + <h3 class="berq-box-title"> | |
| 41 | + <?php esc_html_e('Force Include', 'searchpro'); ?> | |
| 42 | + </h3> | |
| 43 | + <div class="berq-box-content"> | |
| 44 | + <p> | |
| 45 | + <?php esc_html_e('Force include selectors in Used CSS. Enter regex, one per line.', 'searchpro'); ?> | |
| 46 | + </p> | |
| 47 | + <textarea name="berqwp_force_include_critical_css" cols="30" rows="10"><?php echo esc_textarea($include_critical_css_lines); ?></textarea> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + </div> | |
| 51 | + | |
| 52 | + <div class="berq-info-box berq-setting-group" style="<?php echo !$berqwp_can_use_cloud ? 'display:none!important;' : '' ?>"> | |
| 53 | + <div class="group-container"> | |
| 54 | + <h3 class="berq-box-title"> | |
| 27 | 55 | <?php esc_html_e('Generate Critical CSS', 'searchpro'); ?> |
| 28 | 56 | </h3> |
| 29 | 57 | <div class="berq-box-content berq-setting-toggle"> |
| 30 | 58 | <div class="berq-option-content"> |
| 31 | 59 | <p> |
| 32 | - <?php esc_html_e("Extract and inline the CSS needed to render above-the-fold content instantly, then load remaining CSS based on the \"CSS Delivery Method\" setting.", 'searchpro'); ?> | |
| 60 | + <?php esc_html_e('Extract and inline the CSS needed to render above-the-fold content instantly, then load remaining CSS based on the "CSS Delivery Method" setting.', 'searchpro'); ?> | |
| 33 | 61 | </p> |
| 34 | 62 | </div> |
| 35 | 63 | <?php berqwp_render_toggle('berqwp_enable_critical_css', get_option('berqwp_enable_critical_css')); ?> |
| 36 | 64 | </div> |
| @@ -45,9 +73,8 @@ | ||
| 45 | 73 | </p> |
| 46 | 74 | <textarea name="berqwp_force_include_critical_css" cols="30" rows="10"><?php echo esc_textarea($include_critical_css_lines); ?></textarea> |
| 47 | 75 | </div> |
| 48 | 76 | </div> |
| 49 | - | |
| 50 | 77 | </div> |
| 51 | 78 | |
| 52 | 79 | <div class="berq-info-box berq-setting-group"> |
| 53 | 80 | <div class="group-container"> |
| @@ -144,10 +171,14 @@ | ||
| 144 | 171 | <?php esc_html_e('JavaScript Execution Mode', 'searchpro'); ?> |
| 145 | 172 | </h3> |
| 146 | 173 | <div class="berq-box-content"> |
| 147 | 174 | <p> |
| 148 | - <?php esc_html_e("$plugin_name offers different JavaScript optimization modes, so every JavaScript-heavy website can unlock its true potential.", 'searchpro'); ?> | |
| 175 | + <?php printf( /* translators: %s: Plugin name */ esc_html__('%s offers different JavaScript optimization modes, so every JavaScript-heavy website can unlock its true potential.', 'searchpro'), esc_html($plugin_name) ); ?> | |
| 149 | 176 | </p> |
| 177 | + <label class="berq-check"> | |
| 178 | + <input type="radio" name="berqwp_javascript_execution_mode" value="5" <?php echo get_option('berqwp_javascript_execution_mode') == 5 ? 'checked' : ''; ?>> | |
| 179 | + <?php esc_html_e('Flora v2 - High Compatibility', 'searchpro'); ?> | |
| 180 | + </label> | |
| 150 | 181 | <label class="berq-check"> |
| 151 | 182 | <input type="radio" name="berqwp_javascript_execution_mode" value="4" <?php echo get_option('berqwp_javascript_execution_mode') == 4 ? 'checked' : ''; ?>> |
| 152 | 183 | <?php esc_html_e('Flora - High Compatibility (Default)', 'searchpro'); ?> |
| 153 | 184 | </label> |
