OptionsPage.php
| 1 | <?php |
| 2 | |
| 3 | $Custom_CSS = get_option("EWD_US_Custom_CSS"); |
| 4 | $Autoplay_Slideshow = get_option("EWD_US_Autoplay_Slideshow"); |
| 5 | $Autoplay_Delay = get_option("EWD_US_Autoplay_Delay"); |
| 6 | $Autoplay_Interval = get_option("EWD_US_Autoplay_Interval"); |
| 7 | $Transition_Time = get_option("EWD_US_Transition_Time"); |
| 8 | $Aspect_Ratio = get_option("EWD_US_Aspect_Ratio"); |
| 9 | $Carousel = get_option("EWD_US_Carousel"); |
| 10 | $Carousel_Columns = get_option("EWD_US_Carousel_Columns"); |
| 11 | $Carousel_Link_To_Full = get_option("EWD_US_Carousel_Link_To_Full"); |
| 12 | $Carousel_Advance = get_option("EWD_US_Carousel_Advance"); |
| 13 | $Show_TinyMCE = get_option("EWD_US_Show_TinyMCE"); |
| 14 | $Timer_Bar = get_option("EWD_US_Timer_Bar"); |
| 15 | $Slide_Indicators = get_option("EWD_US_Slide_Indicators"); |
| 16 | $Link_Action = get_option("EWD_US_Link_Action"); |
| 17 | |
| 18 | $Slide_Transition_Effect = get_option("EWD_US_Slide_Transition_Effect"); |
| 19 | $WC_Product_Image_Slider = get_option("EWD_US_WC_Product_Image_Slider"); |
| 20 | $Mobile_Aspect_Ratio = get_option("EWD_US_Mobile_Aspect_Ratio"); |
| 21 | $Hide_On_Mobile = get_option("EWD_US_Hide_On_Mobile"); |
| 22 | $Mobile_Link_To_Full = get_option("EWD_US_Mobile_Link_To_Full"); |
| 23 | $Title_Animate = get_option("EWD_US_Title_Animate"); |
| 24 | $Add_Watermark = get_option("EWD_US_Add_Watermark"); |
| 25 | $Lightbox = get_option("EWD_US_Lightbox"); |
| 26 | |
| 27 | $us_Slide_Title_Font = get_option("EWD_us_Slide_Title_Font"); |
| 28 | $us_Slide_Title_Font_Size = get_option("EWD_us_Slide_Title_Font_Size"); |
| 29 | $us_Slide_Title_Font_Color = get_option("EWD_us_Slide_Title_Font_Color"); |
| 30 | $us_Slide_Text_Font = get_option("EWD_us_Slide_Text_Font"); |
| 31 | $us_Slide_Text_Font_Size = get_option("EWD_us_Slide_Text_Font_Size"); |
| 32 | $us_Slide_Text_Font_Color = get_option("EWD_us_Slide_Text_Font_Color"); |
| 33 | $us_Button_Font = get_option("EWD_us_Button_Font"); |
| 34 | $us_Button_Font_Size = get_option("EWD_us_Button_Font_Size"); |
| 35 | $us_Button_Background_Color = get_option("EWD_us_Button_Background_Color"); |
| 36 | $us_Button_Border_Color = get_option("EWD_us_Button_Border_Color"); |
| 37 | $us_Button_Text_Color = get_option("EWD_us_Button_Text_Color"); |
| 38 | $us_Button_Background_Hover_Color = get_option("EWD_us_Button_Background_Hover_Color"); |
| 39 | $us_Button_Border_Hover_Color = get_option("EWD_us_Button_Border_Hover_Color"); |
| 40 | $us_Button_Text_Hover_Color = get_option("EWD_us_Button_Text_Hover_Color"); |
| 41 | |
| 42 | $us_Arrow = get_option("EWD_us_Arrow"); |
| 43 | $us_Arrow_Background_Shape = get_option("EWD_us_Arrow_Background_Shape"); |
| 44 | $us_Arrow_Color = get_option("EWD_us_Arrow_Color"); |
| 45 | $us_Arrow_Font_Size = get_option("EWD_us_Arrow_Font_Size"); |
| 46 | $us_Arrow_Background_Color = get_option("EWD_us_Arrow_Background_Color"); |
| 47 | $us_Arrow_Background_Size = get_option("EWD_us_Arrow_Background_Size"); |
| 48 | $us_Clickable_Area_Background_Color = get_option("EWD_us_Clickable_Area_Background_Color"); |
| 49 | $us_Clickable_Area_Size = get_option("EWD_us_Clickable_Area_Size"); |
| 50 | $us_Arrow_Line_Height = get_option("EWD_us_Arrow_Line_Height"); |
| 51 | |
| 52 | //start review box |
| 53 | if(get_option('EWD_us_Hide_Dash_Review_Ask')){ |
| 54 | $hideReview = get_option('EWD_us_Hide_Dash_Review_Ask'); |
| 55 | } |
| 56 | else { |
| 57 | add_option('EWD_us_Hide_Dash_Review_Ask', 'No'); |
| 58 | } |
| 59 | $hideReviewBox = $_POST["hide_us_review_box_hidden"]; |
| 60 | if($hideReviewBox == 'Yes'){ |
| 61 | update_option('EWD_us_Hide_Dash_Review_Ask', 'Yes'); |
| 62 | header('Location: edit.php?post_type=ultimate_slider&page=us-options'); |
| 63 | } |
| 64 | //end review box |
| 65 | ?> |
| 66 | |
| 67 | |
| 68 | <?php if($hideReview != 'Yes'){ ?> |
| 69 | <div id='ewd-us-dashboard-leave-review' class='ewd-us-leave-review postbox upcp-postbox-collapsible'> |
| 70 | <h3 class='hndle ewd-us-dashboard-h3'>Leave a Review <span></span></h3> |
| 71 | <div class='ewd-dashboard-content'> |
| 72 | <div class="ewd-dashboard-leave-review-text"> |
| 73 | If you enjoy this plugin and have a minute, please consider leaving a 5-star review. Thank you! |
| 74 | </div> |
| 75 | <a href="https://wordpress.org/support/plugin/ultimate-slider/reviews/" class="ewd-dashboard-leave-review-link" target="_blank">Leave a Review!</a> |
| 76 | <div class="clear"></div> |
| 77 | </div> |
| 78 | <form action="edit.php?post_type=ultimate_slider&page=us-options" method="post"> |
| 79 | <input type="hidden" name="hide_us_review_box_hidden" value="Yes"> |
| 80 | <input type="submit" name="hide_us_review_box_submit" class="ewd-dashboard-leave-review-dismiss" value="I've already left a review"> |
| 81 | </form> |
| 82 | </div> |
| 83 | <div class="clear"></div> |
| 84 | <?php } ?> |
| 85 | |
| 86 | |
| 87 | |
| 88 | <div class="wrap us-options-page-tabbed"> |
| 89 | <div class="us-options-submenu-div"> |
| 90 | <ul class="us-options-submenu us-options-page-tabbed-nav"> |
| 91 | <li><a id="Basic_Menu" class="MenuTab options-subnav-tab <?php if ($Display_Tab == '' or $Display_Tab == 'Basic') {echo 'options-subnav-tab-active';}?>" onclick="ShowOptionTab('Basic');">Basic</a></li> |
| 92 | <li><a id="Premium_Menu" class="MenuTab options-subnav-tab <?php if ($Display_Tab == 'Premium') {echo 'options-subnav-tab-active';}?>" onclick="ShowOptionTab('Premium');">Premium</a></li> |
| 93 | <li><a id="Styling_Menu" class="MenuTab options-subnav-tab <?php if ($Display_Tab == 'Styling') {echo 'options-subnav-tab-active';}?>" onclick="ShowOptionTab('Styling');">Styling</a></li> |
| 94 | <li><a id="Control_Menu" class="MenuTab options-subnav-tab <?php if ($Display_Tab == 'Control') {echo 'options-subnav-tab-active';}?>" onclick="ShowOptionTab('Control');">Control</a></li> |
| 95 | </ul> |
| 96 | </div> |
| 97 | |
| 98 | <div class="us-options-page-tabbed-content"> |
| 99 | <form method="post" action="edit.php?post_type=ultimate_slider&page=us-options&Action=EWD_US_UpdateOptions"> |
| 100 | <div id='Basic' class='ewd-us-option-set'> |
| 101 | <h2 id='label-basic-options' class='us-options-page-tab-title'>Basic Options</h2> |
| 102 | <table class="form-table"> |
| 103 | <tr> |
| 104 | <th scope="row">Custom CSS</th> |
| 105 | <td> |
| 106 | <fieldset><legend class="screen-reader-text"><span>Custom CSS</span></legend> |
| 107 | <label title='Custom CSS'></label><textarea class='ewd-us-textarea' name='custom_css'> <?php echo $Custom_CSS; ?></textarea><br /> |
| 108 | <p>You can add custom CSS styles to your slider in the box above.</p> |
| 109 | </fieldset> |
| 110 | </td> |
| 111 | </tr> |
| 112 | |
| 113 | <tr> |
| 114 | <th scope="row">Autoplay Slideshow</th> |
| 115 | <td> |
| 116 | <fieldset><legend class="screen-reader-text"><span>Autoplay Slideshow</span></legend> |
| 117 | <label title='Yes'><input type='radio' name='slider-autoplay' value='Yes' <?php if($Autoplay_Slideshow == "Yes") {echo "checked='checked'";} ?> /> <span>Yes</span></label><br /> |
| 118 | <label title='No'><input type='radio' name='slider-autoplay' value='No' <?php if($Autoplay_Slideshow == "No") {echo "checked='checked'";} ?> /> <span>No</span></label><br /> |
| 119 | <p>Should the slider automatically toggle through slides?</p> |
| 120 | </fieldset> |
| 121 | </td> |
| 122 | </tr> |
| 123 | |
| 124 | <tr> |
| 125 | <th scope="row">Autoplay Delay (seconds)</th> |
| 126 | <td> |
| 127 | <fieldset><legend class="screen-reader-text"><span>Autoplay Delay (seconds)</span></legend> |
| 128 | <input type='text' name='autoplay_delay' value='<?php echo $Autoplay_Delay; ?>' /> |
| 129 | <p>If autoplay is on, how long should should the timer wait before starting the slideshow? (Should be greater than 0)</p> |
| 130 | </fieldset> |
| 131 | </td> |
| 132 | </tr> |
| 133 | |
| 134 | <tr> |
| 135 | <th scope="row">Autoplay Interval (seconds)</th> |
| 136 | <td> |
| 137 | <fieldset><legend class="screen-reader-text"><span>Autoplay Interval (seconds)</span></legend> |
| 138 | <input type='text' name='autoplay_interval' value='<?php echo $Autoplay_Interval; ?>' /> |
| 139 | <p>If autoplay is on, how long should the slideshow wait between each slide? (Should be greater than 0)</p> |
| 140 | </fieldset> |
| 141 | </td> |
| 142 | </tr> |
| 143 | |
| 144 | <tr> |
| 145 | <th scope="row">Slide Transition Time (seconds)</th> |
| 146 | <td> |
| 147 | <fieldset><legend class="screen-reader-text"><span>Slider Transition Time (seconds)</span></legend> |
| 148 | <input type='text' name='transition_time' value='<?php echo $Transition_Time; ?>' /> |
| 149 | <p>How long should each transition take to complete?</p> |
| 150 | </fieldset> |
| 151 | </td> |
| 152 | </tr> |
| 153 | |
| 154 | <tr> |
| 155 | <th scope="row">Aspect Ratio</th> |
| 156 | <td> |
| 157 | <fieldset><legend class="screen-reader-text"><span>Aspect Ratio</span></legend> |
| 158 | <select name="aspect_ratio"> |
| 159 | <option value="3_1" <?php if($Aspect_Ratio == "3_1") {echo "selected=selected";} ?> >3:1</option> |
| 160 | <option value="16_7" <?php if($Aspect_Ratio == "16_7") {echo "selected=selected";} ?> >16:7 (default)</option> |
| 161 | <option value="2_1" <?php if($Aspect_Ratio == "2_1") {echo "selected=selected";} ?> >2:1</option> |
| 162 | <option value="16_9" <?php if($Aspect_Ratio == "16_9") {echo "selected=selected";} ?> >16:9</option> |
| 163 | <option value="3_2" <?php if($Aspect_Ratio == "3_2") {echo "selected=selected";} ?> >3:2</option> |
| 164 | <option value="4_3" <?php if($Aspect_Ratio == "4_3") {echo "selected=selected";} ?> >4:3</option> |
| 165 | <option value="1_1" <?php if($Aspect_Ratio == "1_1") {echo "selected=selected";} ?> >1:1</option> |
| 166 | </select> |
| 167 | </fieldset> |
| 168 | </td> |
| 169 | </tr> |
| 170 | |
| 171 | <tr> |
| 172 | <th scope="row">Carousel</th> |
| 173 | <td> |
| 174 | <fieldset><legend class="screen-reader-text"><span>Carousel</span></legend> |
| 175 | <label title='Yes'><input type='radio' name='slider_carousel' value='Yes' <?php if($Carousel == "Yes") {echo "checked='checked'";} ?> /> <span>Yes</span></label><br /> |
| 176 | <label title='No'><input type='radio' name='slider_carousel' value='No' <?php if($Carousel == "No") {echo "checked='checked'";} ?> /> <span>No</span></label><br /> |
| 177 | <p>Display a carousel slider instead of the default. <em>Slide Transition Effect</em> has to be set to <em>Default</em>.</p> |
| 178 | </fieldset> |
| 179 | </td> |
| 180 | </tr> |
| 181 | |
| 182 | <tr> |
| 183 | <th scope="row">Carousel Number of Columns</th> |
| 184 | <td> |
| 185 | <fieldset><legend class="screen-reader-text"><span>Carousel Number of Columns</span></legend> |
| 186 | <label title='2'><input type='radio' name='carousel_columns' value='2' <?php if($Carousel_Columns == "2") {echo "checked='checked'";} ?> /> <span>2</span></label><br /> |
| 187 | <label title='3'><input type='radio' name='carousel_columns' value='3' <?php if($Carousel_Columns == "3") {echo "checked='checked'";} ?> /> <span>3</span></label><br /> |
| 188 | <label title='4'><input type='radio' name='carousel_columns' value='4' <?php if($Carousel_Columns == "4") {echo "checked='checked'";} ?> /> <span>4</span></label><br /> |
| 189 | </fieldset> |
| 190 | </td> |
| 191 | </tr> |
| 192 | |
| 193 | <tr> |
| 194 | <th scope="row">Carousel Link to Full Post?</th> |
| 195 | <td> |
| 196 | <fieldset><legend class="screen-reader-text"><span>Carousel Link to Full Post</span></legend> |
| 197 | <label title='Yes'><input type='radio' name='carousel_link_to_full' value='Yes' <?php if($Carousel_Link_To_Full == "Yes") {echo "checked='checked'";} ?> /> <span>Yes</span></label><br /> |
| 198 | <label title='No'><input type='radio' name='carousel_link_to_full' value='No' <?php if($Carousel_Link_To_Full == "No") {echo "checked='checked'";} ?> /> <span>No</span></label><br /> |
| 199 | </fieldset> |
| 200 | </td> |
| 201 | </tr> |
| 202 | |
| 203 | <tr> |
| 204 | <th scope="row">Carousel Advance</th> |
| 205 | <td> |
| 206 | <fieldset><legend class="screen-reader-text"><span>Carousel Advance</span></legend> |
| 207 | <label title='Full'><input type='radio' name='carousel_advance' value='Full' <?php if($Carousel_Advance == "Full") {echo "checked='checked'";} ?> /> <span>Full</span></label><br /> |
| 208 | <label title='OneImage'><input type='radio' name='carousel_advance' value='OneImage' <?php if($Carousel_Advance == "OneImage") {echo "checked='checked'";} ?> /> <span>One Image</span></label><br /> |
| 209 | </fieldset> |
| 210 | </td> |
| 211 | </tr> |
| 212 | |
| 213 | <tr> |
| 214 | <th scope="row">Show Editor Helper</th> |
| 215 | <td> |
| 216 | <fieldset><legend class="screen-reader-text"><span>Show Editor Helper</span></legend> |
| 217 | <label title='Yes'><input type='radio' name='show_tinymce' value='Yes' <?php if($Show_TinyMCE == "Yes") {echo "checked='checked'";} ?> /> <span>Yes</span></label><br /> |
| 218 | <label title='No'><input type='radio' name='show_tinymce' value='No' <?php if($Show_TinyMCE == "No") {echo "checked='checked'";} ?> /> <span>No</span></label><br /> |
| 219 | <p>Should the shortcode builder be shown above the WordPress page/post editor, in the toolbar buttons?</p> |
| 220 | </fieldset> |
| 221 | </td> |
| 222 | </tr> |
| 223 | |
| 224 | <tr> |
| 225 | <th scope="row">Timer Bar</th> |
| 226 | <td> |
| 227 | <fieldset><legend class="screen-reader-text"><span>Timer Bar</span></legend> |
| 228 | <label title='Top'><input type='radio' name='timer_bar' value='Top' <?php if($Timer_Bar == "Top") {echo "checked='checked'";} ?> /> <span>Top</span></label><br /> |
| 229 | <label title='Bottom'><input type='radio' name='timer_bar' value='Bottom' <?php if($Timer_Bar == "Bottom") {echo "checked='checked'";} ?> /> <span>Bottom</span></label><br /> |
| 230 | <label title='Off'><input type='radio' name='timer_bar' value='Off' <?php if($Timer_Bar == "Off") {echo "checked='checked'";} ?> /> <span>Off</span></label><br /> |
| 231 | <p>Display a timer bar at the top or bottom of your slider.</p> |
| 232 | </fieldset> |
| 233 | </td> |
| 234 | </tr> |
| 235 | |
| 236 | <tr> |
| 237 | <th scope="row">Slide Indicators</th> |
| 238 | <td> |
| 239 | <fieldset><legend class="screen-reader-text"><span>Slide Indicators</span></legend> |
| 240 | <label title='None'><input type='radio' name='slide_indicators' value='None' <?php if($Slide_Indicators == "None") {echo "checked='checked'";} ?> /> <span>None</span></label><br /> |
| 241 | <label title='Dots'><input type='radio' name='slide_indicators' value='Dots' <?php if($Slide_Indicators == "Dots") {echo "checked='checked'";} ?> /> <span>Dots</span></label><br /> |
| 242 | <label title='Thumbnails'><input type='radio' name='slide_indicators' value='Thumbnails' <?php if($Slide_Indicators == "Thumbnails") {echo "checked='checked'";} ?> /> <span>Thumbnails</span></label><br /> |
| 243 | <p>Display navigation controls to jump between slides.</p> |
| 244 | </fieldset> |
| 245 | </td> |
| 246 | </tr> |
| 247 | |
| 248 | <tr> |
| 249 | <th scope="row">Button Link Action</th> |
| 250 | <td> |
| 251 | <fieldset><legend class="screen-reader-text"><span>Button Link Action</span></legend> |
| 252 | <label title='Same'><input type='radio' name='link_action' value='Same' <?php if($Link_Action == "Same") {echo "checked='checked'";} ?> /> <span>Same Window</span></label><br /> |
| 253 | <label title='New'><input type='radio' name='link_action' value='New' <?php if($Link_Action == "New") {echo "checked='checked'";} ?> /> <span>New Window</span></label><br /> |
| 254 | <label title='Smart'><input type='radio' name='link_action' value='Smart' <?php if($Link_Action == "Smart") {echo "checked='checked'";} ?> /> <span>Smart</span></label><br /> |
| 255 | <p>Should button links open in the same or new windows? "Smart" opens external links in new windows and links on your site in the same window.</p> |
| 256 | </fieldset> |
| 257 | </td> |
| 258 | </tr> |
| 259 | |
| 260 | </table> |
| 261 | </div> |
| 262 | |
| 263 | <div id='Premium' class='ewd-us-option-set ewd-us-hidden'> |
| 264 | <h2 id='label-premium-options' class='us-options-page-tab-title'>Premium Options</h2> |
| 265 | <table class="form-table"> |
| 266 | <tr> |
| 267 | <th scope="row">Slide Transition Effect</th> |
| 268 | <td> |
| 269 | <fieldset><legend class="screen-reader-text"><span>Slide Transition Effect</span></legend> |
| 270 | <label title='Default'><input type='radio' name='slide_transition_effect' value='slide' <?php if($Slide_Transition_Effect == "slide") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Default</span></label><br /> |
| 271 | <label title='Fade'><input type='radio' name='slide_transition_effect' value='fade' <?php if($Slide_Transition_Effect == "fade") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Fade</span></label><br /> |
| 272 | <label title='SlideUp'><input type='radio' name='slide_transition_effect' value='slide-up' <?php if($Slide_Transition_Effect == "slide-up") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Slide Up</span></label><br /> |
| 273 | <label title='SlideDown'><input type='radio' name='slide_transition_effect' value='slide-down' <?php if($Slide_Transition_Effect == "slide-down") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Slide Down</span></label><br /> |
| 274 | <label title='StretchRight'><input type='radio' name='slide_transition_effect' value='stretch-right' <?php if($Slide_Transition_Effect == "stretch-right") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Stretch Right</span></label><br /> |
| 275 | <label title='StretchLeft'><input type='radio' name='slide_transition_effect' value='stretch-left' <?php if($Slide_Transition_Effect == "stretch-left") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Stretch Left</span></label><br /> |
| 276 | <label title='Grow'><input type='radio' name='slide_transition_effect' value='grow' <?php if($Slide_Transition_Effect == "grow") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Grow</span></label><br /> |
| 277 | <label title='Expand'><input type='radio' name='slide_transition_effect' value='expand' <?php if($Slide_Transition_Effect == "expand") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Expand</span></label><br /> |
| 278 | <p>Which effect should be used to transition between slides?</p> |
| 279 | </fieldset> |
| 280 | </td> |
| 281 | </tr> |
| 282 | |
| 283 | <tr> |
| 284 | <th scope="row">WooCommerce Product Image Slider</th> |
| 285 | <td> |
| 286 | <fieldset><legend class="screen-reader-text"><span>WooCommerce Product Image Slider</span></legend> |
| 287 | <label title='Yes'><input type='radio' name='wc_product_image_slider' value='Yes' <?php if($WC_Product_Image_Slider == "Yes") {echo "checked='checked'";} ?> /> <span>Yes</span></label><br /> |
| 288 | <label title='No'><input type='radio' name='wc_product_image_slider' value='No' <?php if($WC_Product_Image_Slider == "No") {echo "checked='checked'";} ?> /> <span>No</span></label><br /> |
| 289 | <p>Should the WooCommerce product page image be converted into a slider when there's more than one image? (Might require changing the "Aspect Ratio" option for the slider, depending on the theme you're using)</p> |
| 290 | </fieldset> |
| 291 | </td> |
| 292 | </tr> |
| 293 | |
| 294 | |
| 295 | <tr> |
| 296 | <th scope="row">Mobile Aspect Ratio</th> |
| 297 | <td> |
| 298 | <fieldset><legend class="screen-reader-text"><span>Mobile Aspect Ratio</span></legend> |
| 299 | <select name="mobile_aspect_ratio"> |
| 300 | <option value="3_1" <?php if($Mobile_Aspect_Ratio == "3_1") {echo "selected=selected";} ?> >3:1</option> |
| 301 | <option value="16_7" <?php if($Mobile_Aspect_Ratio == "16_7") {echo "selected=selected";} ?> >16:7 (default)</option> |
| 302 | <option value="2_1" <?php if($Mobile_Aspect_Ratio == "2_1") {echo "selected=selected";} ?> >2:1</option> |
| 303 | <option value="16_9" <?php if($Mobile_Aspect_Ratio == "16_9") {echo "selected=selected";} ?> >16:9</option> |
| 304 | <option value="3_2" <?php if($Mobile_Aspect_Ratio == "3_2") {echo "selected=selected";} ?> >3:2</option> |
| 305 | <option value="4_3" <?php if($Mobile_Aspect_Ratio == "4_3") {echo "selected=selected";} ?> >4:3</option> |
| 306 | <option value="1_1" <?php if($Mobile_Aspect_Ratio == "1_1") {echo "selected=selected";} ?> >1:1</option> |
| 307 | </select> |
| 308 | <p>What should the aspect ratio of the slider be on smaller screens?</p> |
| 309 | </fieldset> |
| 310 | </td> |
| 311 | </tr> |
| 312 | |
| 313 | <tr> |
| 314 | <th scope="row">Hide Elements from Mobile View</th> |
| 315 | <td> |
| 316 | <fieldset><legend class="screen-reader-text"><span>Hide Elements from Mobile View</span></legend> |
| 317 | <label title='title'><input type='checkbox' name='hide_on_mobile[]' value='title' <?php if(in_array("title", $Hide_On_Mobile)) {echo "checked='checked'";} ?> /> <span>Title</span></label><br /> |
| 318 | <label title='body'><input type='checkbox' name='hide_on_mobile[]' value='body' <?php if(in_array("body", $Hide_On_Mobile)) {echo "checked='checked'";} ?> /> <span>Body</span></label><br /> |
| 319 | <label title='buttons'><input type='checkbox' name='hide_on_mobile[]' value='buttons' <?php if(in_array("buttons", $Hide_On_Mobile)) {echo "checked='checked'";} ?> /> <span>Buttons</span></label><br /> |
| 320 | <label title='arrows'><input type='checkbox' name='hide_on_mobile[]' value='arrows' <?php if(in_array("arrows", $Hide_On_Mobile)) {echo "checked='checked'";} ?> /> <span>Arrows</span></label><br /> |
| 321 | <label title='thumbnails'><input type='checkbox' name='hide_on_mobile[]' value='thumbnails' <?php if(in_array("thumbnails", $Hide_On_Mobile)) {echo "checked='checked'";} ?> /> <span>Thumbnails</span></label><br /> |
| 322 | </fieldset> |
| 323 | </td> |
| 324 | </tr> |
| 325 | |
| 326 | <tr> |
| 327 | <th scope="row">Mobile Link to Full Post?</th> |
| 328 | <td> |
| 329 | <fieldset><legend class="screen-reader-text"><span>Mobile Link to Full Post</span></legend> |
| 330 | <label title='Yes'><input type='radio' name='mobile_link_to_full' value='Yes' <?php if($Mobile_Link_To_Full == "Yes") {echo "checked='checked'";} ?> /> <span>Yes</span></label><br /> |
| 331 | <label title='No'><input type='radio' name='mobile_link_to_full' value='No' <?php if($Mobile_Link_To_Full == "No") {echo "checked='checked'";} ?> /> <span>No</span></label><br /> |
| 332 | </fieldset> |
| 333 | </td> |
| 334 | <p>Should clicking on a slide bring up the individual slide post on mobile?</p> |
| 335 | </tr> |
| 336 | |
| 337 | <tr> |
| 338 | <th scope="row">Title Animation</th> |
| 339 | <td> |
| 340 | <fieldset><legend class="screen-reader-text"><span>Title Animation</span></legend> |
| 341 | <label title='None'><input type='radio' name='title_animate' value='None' <?php if($Title_Animate == "None") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>None</span></label><br /> |
| 342 | <label title='SlideFromLeft'><input type='radio' name='title_animate' value='SlideFromLeft' <?php if($Title_Animate == "SlideFromLeft") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Slide From Left</span></label><br /> |
| 343 | <label title='SlideFromRight'><input type='radio' name='title_animate' value='SlideFromRight' <?php if($Title_Animate == "SlideFromRight") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Slide From Right</span></label><br /> |
| 344 | <label title='FadeIn'><input type='radio' name='title_animate' value='FadeIn' <?php if($Title_Animate == "FadeIn") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Fade In</span></label><br /> |
| 345 | <label title='ScrollDown'><input type='radio' name='title_animate' value='ScrollDown' <?php if($Title_Animate == "ScrollDown") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Scroll Down</span></label><br /> |
| 346 | </fieldset> |
| 347 | </td> |
| 348 | </tr> |
| 349 | |
| 350 | <tr> |
| 351 | <th scope="row">Add Watermark</th> |
| 352 | <td> |
| 353 | <fieldset><legend class="screen-reader-text"><span>Add Watermark</span></legend> |
| 354 | <label title='Yes'><input type='radio' name='add_watermark' value='Yes' <?php if($Add_Watermark == "Yes") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Yes</span></label><br /> |
| 355 | <label title='No'><input type='radio' name='add_watermark' value='No' <?php if($Add_Watermark == "No") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>No</span></label><br /> |
| 356 | <p>Should a watermark be added to each image? Requires GD PHP module to be installed on your server.</p> |
| 357 | </fieldset> |
| 358 | </td> |
| 359 | </tr> |
| 360 | |
| 361 | <tr> |
| 362 | <th scope="row">Lightbox on Image Click</th> |
| 363 | <td> |
| 364 | <fieldset><legend class="screen-reader-text"><span>Lightbox on Image Click</span></legend> |
| 365 | <label title='Yes'><input type='radio' name='lightbox' value='Yes' <?php if($Lightbox == "Yes") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Yes</span></label><br /> |
| 366 | <label title='No'><input type='radio' name='lightbox' value='No' <?php if($Lightbox == "No") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>No</span></label><br /> |
| 367 | <p>Should a lightbox be opened when an image is clicked on? Particularly useful if you're using carousel mode.<br /> |
| 368 | <?php _e("Want to customize this lightbox? Install the <a href='https://wordpress.org/plugins/ultimate-lightbox/' 'Ultimate Lightbox' plugin</a>, and you switch the lightbox colors, controls, behaviour and more!", 'ultimate-slider'); ?> </p> |
| 369 | </fieldset> |
| 370 | </td> |
| 371 | </tr> |
| 372 | |
| 373 | </table> |
| 374 | </div> |
| 375 | |
| 376 | <div id='Styling' class='ewd-us-option-set ewd-us-hidden'> |
| 377 | <h2 id='label-styling-options' class='us-options-page-tab-title'>Styling Options</h2> |
| 378 | |
| 379 | <h3>Premium Styling Options</h3> |
| 380 | <div id='us-styling-options' class="us-options-div us-options-flex"> |
| 381 | <div class='us-subsection'> |
| 382 | <div class='us-subsection-header'>Slide Title</div> |
| 383 | <div class='us-subsection-content'> |
| 384 | <div class='us-option us-styling-option'> |
| 385 | <div class='us-option-label'>Font Family</div> |
| 386 | <div class='us-option-input'><input type='text' name='us_slide_title_font' value='<?php echo $us_Slide_Title_Font; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 387 | </div> |
| 388 | <div class='us-option us-styling-option'> |
| 389 | <div class='us-option-label'>Font Size</div> |
| 390 | <div class='us-option-input'><input type='text' name='us_slide_title_font_size' value='<?php echo $us_Slide_Title_Font_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 391 | </div> |
| 392 | <div class='us-option us-styling-option'> |
| 393 | <div class='us-option-label'>Font Color</div> |
| 394 | <div class='us-option-input'><input type='text' class='ewd-us-spectrum' name='us_slide_title_font_color' value='<?php echo $us_Slide_Title_Font_Color; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 395 | </div> |
| 396 | </div> |
| 397 | </div> |
| 398 | <div class='us-subsection'> |
| 399 | <div class='us-subsection-header'>Slide Text</div> |
| 400 | <div class='us-subsection-content'> |
| 401 | <div class='us-option us-styling-option'> |
| 402 | <div class='us-option-label'>Font Family</div> |
| 403 | <div class='us-option-input'><input type='text' name='us_slide_text_font' value='<?php echo $us_Slide_Text_Font; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 404 | </div> |
| 405 | <div class='us-option us-styling-option'> |
| 406 | <div class='us-option-label'>Font Size</div> |
| 407 | <div class='us-option-input'><input type='text' name='us_slide_text_font_size' value='<?php echo $us_Slide_Text_Font_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 408 | </div> |
| 409 | <div class='us-option us-styling-option'> |
| 410 | <div class='us-option-label'>Font Color</div> |
| 411 | <div class='us-option-input'><input type='text' class='ewd-us-spectrum' name='us_slide_text_font_color' value='<?php echo $us_Slide_Text_Font_Color; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 412 | </div> |
| 413 | </div> |
| 414 | </div> |
| 415 | <div class='us-subsection'> |
| 416 | <div class='us-subsection-header'>Slide Buttons</div> |
| 417 | <div class='us-subsection-content'> |
| 418 | <div class='us-option us-styling-option'> |
| 419 | <div class='us-option-label'>Font Family</div> |
| 420 | <div class='us-option-input'><input type='text' name='us_button_font' value='<?php echo $us_Button_Font; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 421 | </div> |
| 422 | <div class='us-option us-styling-option'> |
| 423 | <div class='us-option-label'>Font Size</div> |
| 424 | <div class='us-option-input'><input type='text' name='us_button_font_size' value='<?php echo $us_Button_Font_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 425 | </div> |
| 426 | <div class='us-option us-styling-option'> |
| 427 | <div class='us-option-label'>Background Color</div> |
| 428 | <div class='us-option-input'><input type='text' class='ewd-us-spectrum' name='us_button_background_color' value='<?php echo $us_Button_Background_Color; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 429 | </div> |
| 430 | <div class='us-option us-styling-option'> |
| 431 | <div class='us-option-label'>Border Color</div> |
| 432 | <div class='us-option-input'><input type='text' class='ewd-us-spectrum' name='us_button_border_color' value='<?php echo $us_Button_Border_Color; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 433 | </div> |
| 434 | <div class='us-option us-styling-option'> |
| 435 | <div class='us-option-label'>Text Color</div> |
| 436 | <div class='us-option-input'><input type='text' class='ewd-us-spectrum' name='us_button_text_color' value='<?php echo $us_Button_Text_Color; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 437 | </div> |
| 438 | <div class='us-option us-styling-option'> |
| 439 | <div class='us-option-label'>Background Hover Color</div> |
| 440 | <div class='us-option-input'><input type='text' class='ewd-us-spectrum' name='us_button_background_hover_color' value='<?php echo $us_Button_Background_Hover_Color; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 441 | </div> |
| 442 | <div class='us-option us-styling-option'> |
| 443 | <div class='us-option-label'>Border Hover Color</div> |
| 444 | <div class='us-option-input'><input type='text' class='ewd-us-spectrum' name='us_button_border_hover_color' value='<?php echo $us_Button_Border_Hover_Color; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 445 | </div> |
| 446 | <div class='us-option us-styling-option'> |
| 447 | <div class='us-option-label'>Text Hover Color</div> |
| 448 | <div class='us-option-input'><input type='text' class='ewd-us-spectrum' name='us_button_text_hover_color' value='<?php echo $us_Button_Text_Hover_Color; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 449 | </div> |
| 450 | </div> <!-- us-subsection-content --> |
| 451 | </div> <!-- us-subsection --> |
| 452 | </div> <!-- us-styling-options --> |
| 453 | </div> <!-- Styling --> |
| 454 | |
| 455 | <div id='Control' class='ewd-us-option-set ewd-us-hidden'> |
| 456 | <h2 id='label-styling-options' class='us-options-page-tab-title'>Control Options</h2> |
| 457 | |
| 458 | <h3>Premium Control Options</h3> |
| 459 | <div id='us-styling-options' class="us-options-div us-options-flex"> |
| 460 | <div class='us-subsection'> |
| 461 | <div class='us-subsection-header'>Arrows</div> |
| 462 | <div class='us-subsection-content'> |
| 463 | <div class='us-option us-styling-option'> |
| 464 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='None' <?php if ($us_Arrow == "None") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> No Arrow</div><br /> |
| 465 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='a' <?php if ($us_Arrow == "a") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>b</span></div><br /> |
| 466 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='c' <?php if ($us_Arrow == "c") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>d</span></div><br /> |
| 467 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='e' <?php if ($us_Arrow == "e") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>f</span></div><br /> |
| 468 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='g' <?php if ($us_Arrow == "g") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>h</span></div><br /> |
| 469 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='i' <?php if ($us_Arrow == "i") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>j</span></div><br /> |
| 470 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='k' <?php if ($us_Arrow == "k") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>l</span></div><br /> |
| 471 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='m' <?php if ($us_Arrow == "m") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>n</span></div><br /> |
| 472 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='o' <?php if ($us_Arrow == "o") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>p</span></div><br /> |
| 473 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='q' <?php if ($us_Arrow == "q") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>r</span></div><br /> |
| 474 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='A' <?php if ($us_Arrow == "A") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>B</span></div><br /> |
| 475 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='E' <?php if ($us_Arrow == "E") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>F</span></div><br /> |
| 476 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='G' <?php if ($us_Arrow == "G") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>H</span></div><br /> |
| 477 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='I' <?php if ($us_Arrow == "I") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>J</span></div><br /> |
| 478 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='K' <?php if ($us_Arrow == "K") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>L</span></div><br /> |
| 479 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='M' <?php if ($us_Arrow == "M") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>N</span></div><br /> |
| 480 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='O' <?php if ($us_Arrow == "O") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>P</span></div><br /> |
| 481 | <div class='us-option-one-line'><input type='radio' name='us_arrow' value='Q' <?php if ($us_Arrow == "Q") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span class='us-arrow'>R</span></div><br /> |
| 482 | </div> |
| 483 | </div> |
| 484 | </div> |
| 485 | <div class='us-subsection'> |
| 486 | <div class='us-subsection-header'>Background Shape</div> |
| 487 | <div class='us-subsection-content'> |
| 488 | <div class='us-option us-styling-option'> |
| 489 | <div class='us-option-one-line'><input type='radio' name='us_arrow_background_shape' value='None' <?php if ($us_Arrow_Background_Shape == "None") {echo "checked=checked";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> No Background</div> |
| 490 | <div class='us-option-one-line'><input type='radio' name='us_arrow_background_shape' value='Square' <?php if ($us_Arrow_Background_Shape == "Square") {echo "checked=checked";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> Square</div> |
| 491 | <div class='us-option-one-line'><input type='radio' name='us_arrow_background_shape' value='Circle' <?php if ($us_Arrow_Background_Shape == "Circle") {echo "checked=checked";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> Circle</div> |
| 492 | <div class='us-option-one-line'><input type='radio' name='us_arrow_background_shape' value='Diamond' <?php if ($us_Arrow_Background_Shape == "Diamond") {echo "checked=checked";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> Diamond</div> |
| 493 | </div> |
| 494 | </div> |
| 495 | </div> |
| 496 | <div class='us-subsection'> |
| 497 | <div class='us-subsection-header'>Customize</div> |
| 498 | <div class='us-subsection-content'> |
| 499 | <div class='us-option us-styling-option'> |
| 500 | <div class='us-option-label'>Arrow Color</div> |
| 501 | <div class='us-option-input'><input type='text' class='ewd-us-spectrum' name='us_arrow_color' value='<?php echo $us_Arrow_Color; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 502 | </div> |
| 503 | <div class='us-option us-styling-option'> |
| 504 | <div class='us-option-label'>Arrow Size</div> |
| 505 | <div class='us-option-input'><input type='text' name='us_arrow_font_size' value='<?php echo $us_Arrow_Font_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 506 | </div> |
| 507 | <div class='us-option us-styling-option'> |
| 508 | <div class='us-option-label'>Arrow Background Color</div> |
| 509 | <div class='us-option-input'><input type='text' class='ewd-us-spectrum' name='us_arrow_background_color' value='<?php echo $us_Arrow_Background_Color; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 510 | </div> |
| 511 | <div class='us-option us-styling-option'> |
| 512 | <div class='us-option-label'>Arrow Background Size</div> |
| 513 | <div class='us-option-input'><input type='text' name='us_arrow_background_size' value='<?php echo $us_Arrow_Background_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 514 | </div> |
| 515 | <div class='us-option us-styling-option'> |
| 516 | <div class='us-option-label'>Clickable Area Color<br /> (Blank for transparent)</div> |
| 517 | <div class='us-option-input'><input type='text' class='ewd-us-spectrum' name='us_clickable_area_background_color' value='<?php echo $us_Clickable_Area_Background_Color; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 518 | </div> |
| 519 | <div class='us-option us-styling-option'> |
| 520 | <div class='us-option-label'>Clickable Area Size</div> |
| 521 | <div class='us-option-input'><input type='text' name='us_clickable_area_size' value='<?php echo $us_Clickable_Area_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 522 | </div> |
| 523 | <div class='us-option us-styling-option'> |
| 524 | <div class='us-option-label'>Line Height Of Arrow Within<br />Background (e.g. "1.25")</div> |
| 525 | <div class='us-option-input'><input type='text' name='us_arrow_line_height' value='<?php echo $us_Arrow_Line_Height; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /></div> |
| 526 | </div> |
| 527 | </div> <!-- us-subsection-content --> |
| 528 | </div> <!-- us-subsection --> |
| 529 | </div> <!-- us-controls-options --> |
| 530 | </div> <!-- Controls --> |
| 531 | |
| 532 | <p class="submit"><input type="submit" name="Options_Submit" id="submit" class="button button-primary" value="Save Changes" /></p> |
| 533 | </form> |
| 534 | </div> <!-- us-options-page-tabbed-content --> |
| 535 |