PluginProbe
Slider Ultimate / 1.1.4
Slider Ultimate v1.1.4
2.2.10 trunk 1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.15 1.0.16 1.0.17 1.0.18 1.0.19 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8 1.0.9 1.1.0 1.1.1 1.1.2 All 54 releases
ultimate-slider / html / OptionsPage.php

OptionsPage.php in Slider Ultimate 1.1.4, at html/OptionsPage.php

691 lines 54.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
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 $Autoplay_Pause_Hover = get_option("EWD_US_Autoplay_Pause_Hover");
8 $Transition_Time = get_option("EWD_US_Transition_Time");
9 $Aspect_Ratio = get_option("EWD_US_Aspect_Ratio");
10 $Carousel = get_option("EWD_US_Carousel");
11 $Carousel_Columns = get_option("EWD_US_Carousel_Columns");
12 $Carousel_Link_To_Full = get_option("EWD_US_Carousel_Link_To_Full");
13 $Carousel_Advance = get_option("EWD_US_Carousel_Advance");
14 $Show_TinyMCE = get_option("EWD_US_Show_TinyMCE");
15 $Timer_Bar = get_option("EWD_US_Timer_Bar");
16 $Slide_Indicators = get_option("EWD_US_Slide_Indicators");
17 $Link_Action = get_option("EWD_US_Link_Action");
18
19 $Slide_Transition_Effect = get_option("EWD_US_Slide_Transition_Effect");
20 $WC_Product_Image_Slider = get_option("EWD_US_WC_Product_Image_Slider");
21 $Mobile_Aspect_Ratio = get_option("EWD_US_Mobile_Aspect_Ratio");
22 $Hide_On_Mobile = get_option("EWD_US_Hide_On_Mobile");
23 $Mobile_Link_To_Full = get_option("EWD_US_Mobile_Link_To_Full");
24 $Title_Animate = get_option("EWD_US_Title_Animate");
25 $Force_Full_Width = get_option("EWD_US_Force_Full_Width");
26 $Add_Watermark = get_option("EWD_US_Add_Watermark");
27 $Lightbox = get_option("EWD_US_Lightbox");
28
29 $us_Slide_Title_Font = get_option("EWD_us_Slide_Title_Font");
30 $us_Slide_Title_Font_Size = get_option("EWD_us_Slide_Title_Font_Size");
31 $us_Slide_Title_Font_Color = get_option("EWD_us_Slide_Title_Font_Color");
32 $us_Slide_Text_Font = get_option("EWD_us_Slide_Text_Font");
33 $us_Slide_Text_Font_Size = get_option("EWD_us_Slide_Text_Font_Size");
34 $us_Slide_Text_Font_Color = get_option("EWD_us_Slide_Text_Font_Color");
35 $us_Button_Font = get_option("EWD_us_Button_Font");
36 $us_Button_Font_Size = get_option("EWD_us_Button_Font_Size");
37 $us_Button_Background_Color = get_option("EWD_us_Button_Background_Color");
38 $us_Button_Border_Color = get_option("EWD_us_Button_Border_Color");
39 $us_Button_Text_Color = get_option("EWD_us_Button_Text_Color");
40 $us_Button_Background_Hover_Color = get_option("EWD_us_Button_Background_Hover_Color");
41 $us_Button_Border_Hover_Color = get_option("EWD_us_Button_Border_Hover_Color");
42 $us_Button_Text_Hover_Color = get_option("EWD_us_Button_Text_Hover_Color");
43
44 $us_Arrow = get_option("EWD_us_Arrow");
45 $us_Arrow_Background_Shape = get_option("EWD_us_Arrow_Background_Shape");
46 $us_Arrow_Color = get_option("EWD_us_Arrow_Color");
47 $us_Arrow_Font_Size = get_option("EWD_us_Arrow_Font_Size");
48 $us_Arrow_Background_Color = get_option("EWD_us_Arrow_Background_Color");
49 $us_Arrow_Background_Size = get_option("EWD_us_Arrow_Background_Size");
50 $us_Clickable_Area_Background_Color = get_option("EWD_us_Clickable_Area_Background_Color");
51 $us_Clickable_Area_Size = get_option("EWD_us_Clickable_Area_Size");
52 $us_Arrow_Line_Height = get_option("EWD_us_Arrow_Line_Height");
53
54 if (isset($_POST['Display_Tab'])) {$Display_Tab = $_POST['Display_Tab'];}
55 else {$Display_Tab = "";}
56 ?>
57
58 <div class="wrap us-options-page-tabbed">
59 <div class="us-options-submenu-div">
60 <ul class="us-options-submenu us-options-page-tabbed-nav">
61 <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>
62 <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>
63 <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>
64 <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>
65 </ul>
66 </div>
67
68 <div class="us-options-page-tabbed-content">
69 <form method="post" action="edit.php?post_type=ultimate_slider&page=us-options&Action=EWD_US_UpdateOptions">
70 <?php wp_nonce_field( 'EWD_US_Save_Options', 'EWD_US_Save_Options' ); ?>
71
72 <input type='hidden' name='Display_Tab' value='<?php echo $Display_Tab; ?>' />
73
74 <div id='Basic' class='ewd-us-option-set<?php echo ( ($Display_Tab == '' or $Display_Tab == 'Basic') ? '' : ' ewd-us-hidden' ); ?>'>
75
76 <br />
77
78 <div class="ewd-us-shortcode-reminder">
79 <?php _e('<strong>REMINDER:</strong> To display the slider, place the <strong>[ultimate-slider]</strong> shortcode on a page', 'ultimate-slider'); ?>
80 </div>
81
82 <br />
83
84 <div class="ewd-us-admin-section-heading"><?php _e('Basic Options', 'ultimate-slider'); ?></div>
85
86 <table class="form-table">
87 <tr>
88 <th scope="row">Custom CSS</th>
89 <td>
90 <fieldset><legend class="screen-reader-text"><span>Custom CSS</span></legend>
91 <label title='Custom CSS'></label><textarea class='ewd-us-textarea' name='custom_css'> <?php echo $Custom_CSS; ?></textarea><br />
92 <p>You can add custom CSS styles to your slider in the box above.</p>
93 </fieldset>
94 </td>
95 </tr>
96
97 <tr>
98 <th scope="row">Autoplay Slideshow</th>
99 <td>
100 <fieldset><legend class="screen-reader-text"><span>Autoplay Slideshow</span></legend>
101 <div class="ewd-us-admin-hide-radios">
102 <label title='Yes'><input type='radio' name='slider-autoplay' value='Yes' <?php if($Autoplay_Slideshow == "Yes") {echo "checked='checked'";} ?> /> <span>Yes</span></label><br />
103 <label title='No'><input type='radio' name='slider-autoplay' value='No' <?php if($Autoplay_Slideshow == "No") {echo "checked='checked'";} ?> /> <span>No</span></label><br />
104 </div>
105 <label class="ewd-us-admin-switch">
106 <input type="checkbox" class="ewd-us-admin-option-toggle" data-inputname="slider-autoplay" <?php if($Autoplay_Slideshow == "Yes") {echo "checked='checked'";} ?>>
107 <span class="ewd-us-admin-switch-slider round"></span>
108 </label>
109 <p>Should the slider automatically toggle through slides?</p>
110 </fieldset>
111 </td>
112 </tr>
113
114 <tr class="ewd-us-admin-conditional-autoplay-options<?php echo ($Autoplay_Slideshow != 'Yes' ? ' us-hidden' : ''); ?>">
115 <th scope="row">Autoplay Delay (seconds)</th>
116 <td>
117 <fieldset><legend class="screen-reader-text"><span>Autoplay Delay (seconds)</span></legend>
118 <input type='text' name='autoplay_delay' value='<?php echo $Autoplay_Delay; ?>' />
119 <p>If autoplay is on, how long should the timer wait before starting the slideshow? (Should be greater than 0)</p>
120 </fieldset>
121 </td>
122 </tr>
123
124 <tr class="ewd-us-admin-conditional-autoplay-options<?php echo ($Autoplay_Slideshow != 'Yes' ? ' us-hidden' : ''); ?>">
125 <th scope="row">Autoplay Interval (seconds)</th>
126 <td>
127 <fieldset><legend class="screen-reader-text"><span>Autoplay Interval (seconds)</span></legend>
128 <input type='text' name='autoplay_interval' value='<?php echo $Autoplay_Interval; ?>' />
129 <p>If autoplay is on, how long should the slideshow wait between each slide? (Should be greater than 0)</p>
130 </fieldset>
131 </td>
132 </tr>
133
134 <tr class="ewd-us-admin-conditional-autoplay-options<?php echo ($Autoplay_Slideshow != 'Yes' ? ' us-hidden' : ''); ?>">
135 <th scope="row">Pause Autoplay on Hover</th>
136 <td>
137 <fieldset><legend class="screen-reader-text"><span>Pause Autoplay on Hover</span></legend>
138 <div class="ewd-us-admin-hide-radios">
139 <label title='Yes'><input type='radio' name='autoplay_pause_hover' value='Yes' <?php if($Autoplay_Pause_Hover == "Yes") {echo "checked='checked'";} ?> /> <span>Yes</span></label><br />
140 <label title='No'><input type='radio' name='autoplay_pause_hover' value='No' <?php if($Autoplay_Pause_Hover == "No") {echo "checked='checked'";} ?> /> <span>No</span></label><br />
141 </div>
142 <label class="ewd-us-admin-switch">
143 <input type="checkbox" class="ewd-us-admin-option-toggle" data-inputname="autoplay_pause_hover" <?php if($Autoplay_Pause_Hover == "Yes") {echo "checked='checked'";} ?>>
144 <span class="ewd-us-admin-switch-slider round"></span>
145 </label>
146 <p>Should the slider autoplay automatically pause when you hover over it?</p>
147 </fieldset>
148 </td>
149 </tr>
150
151 <tr>
152 <th scope="row">Slide Transition Time (seconds)</th>
153 <td>
154 <fieldset><legend class="screen-reader-text"><span>Slider Transition Time (seconds)</span></legend>
155 <input type='text' name='transition_time' value='<?php echo $Transition_Time; ?>' />
156 <p>How long should each transition take to complete?</p>
157 </fieldset>
158 </td>
159 </tr>
160
161 <tr>
162 <th scope="row">Aspect Ratio</th>
163 <td>
164 <fieldset><legend class="screen-reader-text"><span>Aspect Ratio</span></legend>
165 <select name="aspect_ratio">
166 <option value="3_1" <?php if($Aspect_Ratio == "3_1") {echo "selected=selected";} ?> >3:1</option>
167 <option value="16_7" <?php if($Aspect_Ratio == "16_7") {echo "selected=selected";} ?> >16:7 (default)</option>
168 <option value="2_1" <?php if($Aspect_Ratio == "2_1") {echo "selected=selected";} ?> >2:1</option>
169 <option value="16_9" <?php if($Aspect_Ratio == "16_9") {echo "selected=selected";} ?> >16:9</option>
170 <option value="3_2" <?php if($Aspect_Ratio == "3_2") {echo "selected=selected";} ?> >3:2</option>
171 <option value="4_3" <?php if($Aspect_Ratio == "4_3") {echo "selected=selected";} ?> >4:3</option>
172 <option value="1_1" <?php if($Aspect_Ratio == "1_1") {echo "selected=selected";} ?> >1:1</option>
173 </select>
174 </fieldset>
175 </td>
176 </tr>
177
178 <tr>
179 <th scope="row">Carousel</th>
180 <td>
181 <fieldset><legend class="screen-reader-text"><span>Carousel</span></legend>
182 <div class="ewd-us-admin-hide-radios">
183 <label title='Yes'><input type='radio' name='slider_carousel' value='Yes' <?php if($Carousel == "Yes") {echo "checked='checked'";} ?> /> <span>Yes</span></label><br />
184 <label title='No'><input type='radio' name='slider_carousel' value='No' <?php if($Carousel == "No") {echo "checked='checked'";} ?> /> <span>No</span></label><br />
185 </div>
186 <label class="ewd-us-admin-switch">
187 <input type="checkbox" class="ewd-us-admin-option-toggle" data-inputname="slider_carousel" <?php if($Carousel == "Yes") {echo "checked='checked'";} ?>>
188 <span class="ewd-us-admin-switch-slider round"></span>
189 </label>
190 <p>Display a carousel slider instead of the default. <em>Slide Transition Effect</em> has to be set to <em>Default</em>.</p>
191 </fieldset>
192 </td>
193 </tr>
194
195 <tr class="ewd-us-admin-conditional-carousel-options<?php echo ($Carousel != 'Yes' ? ' us-hidden' : ''); ?>">
196 <th scope="row">Carousel Number of Columns</th>
197 <td>
198 <fieldset><legend class="screen-reader-text"><span>Carousel Number of Columns</span></legend>
199 <label title='2' class='ewd-us-admin-input-container'><input type='radio' name='carousel_columns' value='2' <?php if($Carousel_Columns == "2") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>2</span></label><br />
200 <label title='3' class='ewd-us-admin-input-container'><input type='radio' name='carousel_columns' value='3' <?php if($Carousel_Columns == "3") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>3</span></label><br />
201 <label title='4' class='ewd-us-admin-input-container'><input type='radio' name='carousel_columns' value='4' <?php if($Carousel_Columns == "4") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>4</span></label><br />
202 </fieldset>
203 </td>
204 </tr>
205
206 <tr class="ewd-us-admin-conditional-carousel-options<?php echo ($Carousel != 'Yes' ? ' us-hidden' : ''); ?>">
207 <th scope="row">Carousel Link to Full Post?</th>
208 <td>
209 <fieldset><legend class="screen-reader-text"><span>Carousel Link to Full Post</span></legend>
210 <div class="ewd-us-admin-hide-radios">
211 <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 />
212 <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 />
213 </div>
214 <label class="ewd-us-admin-switch">
215 <input type="checkbox" class="ewd-us-admin-option-toggle" data-inputname="carousel_link_to_full" <?php if($Carousel_Link_To_Full == "Yes") {echo "checked='checked'";} ?>>
216 <span class="ewd-us-admin-switch-slider round"></span>
217 </label>
218 </fieldset>
219 </td>
220 </tr>
221
222 <tr class="ewd-us-admin-conditional-carousel-options<?php echo ($Carousel != 'Yes' ? ' us-hidden' : ''); ?>">
223 <th scope="row">Carousel Advance</th>
224 <td>
225 <fieldset><legend class="screen-reader-text"><span>Carousel Advance</span></legend>
226 <label title='Full' class='ewd-us-admin-input-container'><input type='radio' name='carousel_advance' value='Full' <?php if($Carousel_Advance == "Full") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>Full</span></label><br />
227 <label title='OneImage' class='ewd-us-admin-input-container'><input type='radio' name='carousel_advance' value='OneImage' <?php if($Carousel_Advance == "OneImage") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>One Image</span></label><br />
228 </fieldset>
229 </td>
230 </tr>
231
232 <tr>
233 <th scope="row">Show Editor Helper</th>
234 <td>
235 <fieldset><legend class="screen-reader-text"><span>Show Editor Helper</span></legend>
236 <div class="ewd-us-admin-hide-radios">
237 <label title='Yes'><input type='radio' name='show_tinymce' value='Yes' <?php if($Show_TinyMCE == "Yes") {echo "checked='checked'";} ?> /> <span>Yes</span></label><br />
238 <label title='No'><input type='radio' name='show_tinymce' value='No' <?php if($Show_TinyMCE == "No") {echo "checked='checked'";} ?> /> <span>No</span></label><br />
239 </div>
240 <label class="ewd-us-admin-switch">
241 <input type="checkbox" class="ewd-us-admin-option-toggle" data-inputname="show_tinymce" <?php if($Show_TinyMCE == "Yes") {echo "checked='checked'";} ?>>
242 <span class="ewd-us-admin-switch-slider round"></span>
243 </label>
244 <p>Should the shortcode builder be shown above the WordPress page/post editor, in the toolbar buttons?</p>
245 </fieldset>
246 </td>
247 </tr>
248
249 <tr>
250 <th scope="row">Timer Bar</th>
251 <td>
252 <fieldset><legend class="screen-reader-text"><span>Timer Bar</span></legend>
253 <label title='Top' class='ewd-us-admin-input-container'><input type='radio' name='timer_bar' value='Top' <?php if($Timer_Bar == "Top") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>Top</span></label><br />
254 <label title='Bottom' class='ewd-us-admin-input-container'><input type='radio' name='timer_bar' value='Bottom' <?php if($Timer_Bar == "Bottom") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>Bottom</span></label><br />
255 <label title='Off' class='ewd-us-admin-input-container'><input type='radio' name='timer_bar' value='Off' <?php if($Timer_Bar == "Off") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>Off</span></label><br />
256 <p>Display a timer bar at the top or bottom of your slider.</p>
257 </fieldset>
258 </td>
259 </tr>
260
261 <tr>
262 <th scope="row">Slide Indicators</th>
263 <td>
264 <fieldset><legend class="screen-reader-text"><span>Slide Indicators</span></legend>
265 <label title='None' class='ewd-us-admin-input-container'><input type='radio' name='slide_indicators' value='None' <?php if($Slide_Indicators == "None") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>None</span></label><br />
266 <label title='Dots' class='ewd-us-admin-input-container'><input type='radio' name='slide_indicators' value='Dots' <?php if($Slide_Indicators == "Dots") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>Dots</span></label><br />
267 <label title='Thumbnails' class='ewd-us-admin-input-container'><input type='radio' name='slide_indicators' value='Thumbnails' <?php if($Slide_Indicators == "Thumbnails") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>Thumbnails</span></label><br />
268 <label title='Side Thumbnails' class='ewd-us-admin-input-container'><input type='radio' name='slide_indicators' value='SideThumbnails' <?php if($Slide_Indicators == "SideThumbnails") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>Side Thumbnails</span></label><br />
269 <p>Display navigation controls to jump between slides.</p>
270 </fieldset>
271 </td>
272 </tr>
273
274 <tr>
275 <th scope="row">Button Link Action</th>
276 <td>
277 <fieldset><legend class="screen-reader-text"><span>Button Link Action</span></legend>
278 <label title='Same' class='ewd-us-admin-input-container'><input type='radio' name='link_action' value='Same' <?php if($Link_Action == "Same") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>Same Window</span></label><br />
279 <label title='New' class='ewd-us-admin-input-container'><input type='radio' name='link_action' value='New' <?php if($Link_Action == "New") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>New Window</span></label><br />
280 <label title='Smart' class='ewd-us-admin-input-container'><input type='radio' name='link_action' value='Smart' <?php if($Link_Action == "Smart") {echo "checked='checked'";} ?> /><span class='ewd-us-admin-radio-button'></span> <span>Smart</span></label><br />
281 <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>
282 </fieldset>
283 </td>
284 </tr>
285
286 </table>
287 </div>
288
289 <div id='Premium' class='ewd-us-option-set<?php echo ( $Display_Tab == 'Premium' ? '' : ' ewd-us-hidden' ); ?>'>
290
291 <br />
292
293 <div class="ewd-us-admin-section-heading"><?php _e('Premium Options', 'ultimate-slider'); ?></div>
294
295 <table class="form-table ewd-us-premium-options-table">
296 <tr>
297 <th scope="row">Slide Transition Effect</th>
298 <td>
299 <fieldset><legend class="screen-reader-text"><span>Slide Transition Effect</span></legend>
300 <label title='Default' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Default</span></label><br />
301 <label title='Fade' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Fade</span></label><br />
302 <label title='SlideUp' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Slide Up</span></label><br />
303 <label title='SlideDown' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Slide Down</span></label><br />
304 <label title='StretchRight' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Stretch Right</span></label><br />
305 <label title='StretchLeft' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Stretch Left</span></label><br />
306 <label title='Grow' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Grow</span></label><br />
307 <label title='Expand' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Expand</span></label><br />
308 <p>Which effect should be used to transition between slides?</p>
309 </fieldset>
310 </td>
311 </tr>
312
313 <tr>
314 <th scope="row">WooCommerce Product Image Slider</th>
315 <td>
316 <fieldset><legend class="screen-reader-text"><span>WooCommerce Product Image Slider</span></legend>
317 <div class="ewd-us-admin-hide-radios">
318 <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 />
319 <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 />
320 </div>
321 <label class="ewd-us-admin-switch">
322 <input type="checkbox" class="ewd-us-admin-option-toggle" data-inputname="wc_product_image_slider" <?php if($WC_Product_Image_Slider == "Yes") {echo "checked='checked'";} ?>>
323 <span class="ewd-us-admin-switch-slider round"></span>
324 </label>
325 <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>
326 </fieldset>
327 </td>
328 </tr>
329
330
331 <tr>
332 <th scope="row">Mobile Aspect Ratio</th>
333 <td>
334 <fieldset><legend class="screen-reader-text"><span>Mobile Aspect Ratio</span></legend>
335 <select name="mobile_aspect_ratio">
336 <option value="3_1" <?php if($Mobile_Aspect_Ratio == "3_1") {echo "selected=selected";} ?> >3:1</option>
337 <option value="16_7" <?php if($Mobile_Aspect_Ratio == "16_7") {echo "selected=selected";} ?> >16:7 (default)</option>
338 <option value="2_1" <?php if($Mobile_Aspect_Ratio == "2_1") {echo "selected=selected";} ?> >2:1</option>
339 <option value="16_9" <?php if($Mobile_Aspect_Ratio == "16_9") {echo "selected=selected";} ?> >16:9</option>
340 <option value="3_2" <?php if($Mobile_Aspect_Ratio == "3_2") {echo "selected=selected";} ?> >3:2</option>
341 <option value="4_3" <?php if($Mobile_Aspect_Ratio == "4_3") {echo "selected=selected";} ?> >4:3</option>
342 <option value="1_1" <?php if($Mobile_Aspect_Ratio == "1_1") {echo "selected=selected";} ?> >1:1</option>
343 </select>
344 <p>What should the aspect ratio of the slider be on smaller screens?</p>
345 </fieldset>
346 </td>
347 </tr>
348
349 <tr>
350 <th scope="row">Hide Elements from Mobile View</th>
351 <td>
352 <fieldset><legend class="screen-reader-text"><span>Hide Elements from Mobile View</span></legend>
353 <label title='title' class='ewd-us-admin-input-container'><input type='checkbox' name='hide_on_mobile[]' value='title' <?php if(in_array("title", $Hide_On_Mobile)) {echo "checked='checked'";} ?> /><span class='ewd-us-admin-checkbox'></span> <span>Title</span></label><br />
354 <label title='body' class='ewd-us-admin-input-container'><input type='checkbox' name='hide_on_mobile[]' value='body' <?php if(in_array("body", $Hide_On_Mobile)) {echo "checked='checked'";} ?> /><span class='ewd-us-admin-checkbox'></span> <span>Body</span></label><br />
355 <label title='buttons' class='ewd-us-admin-input-container'><input type='checkbox' name='hide_on_mobile[]' value='buttons' <?php if(in_array("buttons", $Hide_On_Mobile)) {echo "checked='checked'";} ?> /><span class='ewd-us-admin-checkbox'></span> <span>Buttons</span></label><br />
356 <label title='arrows' class='ewd-us-admin-input-container'><input type='checkbox' name='hide_on_mobile[]' value='arrows' <?php if(in_array("arrows", $Hide_On_Mobile)) {echo "checked='checked'";} ?> /><span class='ewd-us-admin-checkbox'></span> <span>Arrows</span></label><br />
357 <label title='thumbnails' class='ewd-us-admin-input-container'><input type='checkbox' name='hide_on_mobile[]' value='thumbnails' <?php if(in_array("thumbnails", $Hide_On_Mobile)) {echo "checked='checked'";} ?> /><span class='ewd-us-admin-checkbox'></span> <span>Thumbnails</span></label><br />
358 </fieldset>
359 </td>
360 </tr>
361
362 <tr>
363 <th scope="row">Mobile Link to Full Post?</th>
364 <td>
365 <fieldset><legend class="screen-reader-text"><span>Mobile Link to Full Post</span></legend>
366 <div class="ewd-us-admin-hide-radios">
367 <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 />
368 <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 />
369 </div>
370 <label class="ewd-us-admin-switch">
371 <input type="checkbox" class="ewd-us-admin-option-toggle" data-inputname="mobile_link_to_full" <?php if($Mobile_Link_To_Full == "Yes") {echo "checked='checked'";} ?>>
372 <span class="ewd-us-admin-switch-slider round"></span>
373 </label>
374 <p>Should clicking on a slide bring up the individual slide post on mobile?</p>
375 </fieldset>
376
377 </td>
378
379 </tr>
380
381 <tr>
382 <th scope="row">Title Animation</th>
383 <td>
384 <fieldset><legend class="screen-reader-text"><span>Title Animation</span></legend>
385 <label title='None' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>None</span></label><br />
386 <label title='SlideFromLeft' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Slide From Left</span></label><br />
387 <label title='SlideFromRight' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Slide From Right</span></label><br />
388 <label title='FadeIn' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Fade In</span></label><br />
389 <label title='ScrollDown' class='ewd-us-admin-input-container'><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 class='ewd-us-admin-radio-button'></span> <span>Scroll Down</span></label><br />
390 </fieldset>
391 </td>
392 </tr>
393
394 <tr>
395 <th scope="row">Force Full Width</th>
396 <td>
397 <fieldset><legend class="screen-reader-text"><span>Force Full Width</span></legend>
398 <div class="ewd-us-admin-hide-radios">
399 <label title='Yes'><input type='radio' name='force_full_width' value='Yes' <?php if($Force_Full_Width == "Yes") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>Yes</span></label><br />
400 <label title='No'><input type='radio' name='force_full_width' value='No' <?php if($Force_Full_Width == "No") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /> <span>No</span></label><br />
401 </div>
402 <label class="ewd-us-admin-switch">
403 <input type="checkbox" class="ewd-us-admin-option-toggle" data-inputname="force_full_width" <?php if($Force_Full_Width == "Yes") {echo "checked='checked'";} ?>>
404 <span class="ewd-us-admin-switch-slider round"></span>
405 </label>
406 <p>Force the slider to go the full width of the window, regardless of the container it's in.</p>
407 </fieldset>
408 </td>
409 </tr>
410
411 <tr>
412 <th scope="row">Add Watermark</th>
413 <td>
414 <fieldset><legend class="screen-reader-text"><span>Add Watermark</span></legend>
415 <div class="ewd-us-admin-hide-radios">
416 <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 />
417 <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 />
418 </div>
419 <label class="ewd-us-admin-switch">
420 <input type="checkbox" class="ewd-us-admin-option-toggle" data-inputname="add_watermark" <?php if($Add_Watermark == "Yes") {echo "checked='checked'";} ?>>
421 <span class="ewd-us-admin-switch-slider round"></span>
422 </label>
423 <p>Should a watermark be added to each image? Requires GD PHP module to be installed on your server.</p>
424 </fieldset>
425 </td>
426 </tr>
427
428 <tr>
429 <th scope="row">Lightbox on Image Click</th>
430 <td>
431 <fieldset><legend class="screen-reader-text"><span>Lightbox on Image Click</span></legend>
432 <div class="ewd-us-admin-hide-radios">
433 <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 />
434 <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 />
435 </div>
436 <label class="ewd-us-admin-switch">
437 <input type="checkbox" class="ewd-us-admin-option-toggle" data-inputname="lightbox" <?php if($Lightbox == "Yes") {echo "checked='checked'";} ?>>
438 <span class="ewd-us-admin-switch-slider round"></span>
439 </label>
440 <p>Should a lightbox be opened when an image is clicked on? Particularly useful if you're using carousel mode.<br />
441 <?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>
442 </fieldset>
443 </td>
444 </tr>
445 <?php if ($US_Full_Version != "Yes") { ?>
446 <tr class="ewd-us-premium-options-table-overlay">
447 <th colspan="2">
448 <div class="ewd-us-unlock-premium">
449 <img src="<?php echo plugins_url( '../img/options-asset-lock.png', __FILE__ ); ?>" alt="Upgrade to Ultimate Slider Premium">
450 <p>Access this section by by upgrading to premium</p>
451 <a href="https://www.etoilewebdesign.com/plugins/ultimate-slider/#buy" class="ewd-us-dashboard-get-premium-widget-button" target="_blank">UPGRADE NOW</a>
452 </div>
453 </th>
454 </tr>
455 <?php } ?>
456 </table>
457 </div>
458
459 <div id='Styling' class='ewd-us-option-set<?php echo ( $Display_Tab == 'Styling' ? '' : ' ewd-us-hidden' ); ?>'>
460
461 <br />
462
463 <div class="ewd-us-admin-section-heading"><?php _e('Styling Options', 'ultimate-slider'); ?></div>
464
465 <div class="ewd-us-admin-styling-section">
466 <div class="ewd-us-admin-styling-subsection">
467 <div class="ewd-us-admin-styling-subsection-label"><?php _e('Slide Title', 'ultimate-slider'); ?></div>
468 <div class="ewd-us-admin-styling-subsection-content">
469 <div class="ewd-us-admin-styling-subsection-content-each">
470 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Font Color', 'ultimate-slider'); ?></div>
471 <div class="ewd-us-admin-styling-subsection-content-right">
472 <div class="ewd-us-admin-styling-subsection-content-color-picker">
473 <div class="ewd-us-admin-styling-subsection-content-color-picker-label"></div>
474 <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";} ?> />
475 </div>
476 </div>
477 </div>
478 <div class="ewd-us-admin-styling-subsection-content-each">
479 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Font Family', 'ultimate-slider'); ?></div>
480 <div class="ewd-us-admin-styling-subsection-content-right">
481 <input type='text' class='ewd-us-admin-font-size' name='us_slide_title_font' value='<?php echo $us_Slide_Title_Font; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> />
482 </div>
483 </div>
484 <div class="ewd-us-admin-styling-subsection-content-each">
485 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Font Size', 'ultimate-slider'); ?></div>
486 <div class="ewd-us-admin-styling-subsection-content-right">
487 <input type='text' class='ewd-us-admin-font-size' name='us_slide_title_font_size' value='<?php echo $us_Slide_Title_Font_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> />
488 </div>
489 </div>
490 </div>
491 </div>
492 <div class="ewd-us-admin-styling-subsection">
493 <div class="ewd-us-admin-styling-subsection-label"><?php _e('Slide Text', 'ultimate-slider'); ?></div>
494 <div class="ewd-us-admin-styling-subsection-content">
495 <div class="ewd-us-admin-styling-subsection-content-each">
496 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Font Color', 'ultimate-slider'); ?></div>
497 <div class="ewd-us-admin-styling-subsection-content-right">
498 <div class="ewd-us-admin-styling-subsection-content-color-picker">
499 <div class="ewd-us-admin-styling-subsection-content-color-picker-label"></div>
500 <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";} ?> />
501 </div>
502 </div>
503 </div>
504 <div class="ewd-us-admin-styling-subsection-content-each">
505 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Font Family', 'ultimate-slider'); ?></div>
506 <div class="ewd-us-admin-styling-subsection-content-right">
507 <input type='text' class='ewd-us-admin-font-size' name='us_slide_text_font' value='<?php echo $us_Slide_Text_Font; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> />
508 </div>
509 </div>
510 <div class="ewd-us-admin-styling-subsection-content-each">
511 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Font Size', 'ultimate-slider'); ?></div>
512 <div class="ewd-us-admin-styling-subsection-content-right">
513 <input type='text' class='ewd-us-admin-font-size' name='us_slide_text_font_size' value='<?php echo $us_Slide_Text_Font_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> />
514 </div>
515 </div>
516 </div>
517 </div>
518 <div class="ewd-us-admin-styling-subsection">
519 <div class="ewd-us-admin-styling-subsection-label"><?php _e('Slide Buttons', 'ultimate-slider'); ?></div>
520 <div class="ewd-us-admin-styling-subsection-content">
521 <div class="ewd-us-admin-styling-subsection-content-each">
522 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Colors', 'ultimate-slider'); ?></div>
523 <div class="ewd-us-admin-styling-subsection-content-right">
524 <div class="ewd-us-admin-styling-subsection-content-color-picker">
525 <div class="ewd-us-admin-styling-subsection-content-color-picker-label"><?php _e('Background', 'ultimate-slider'); ?></div>
526 <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";} ?> />
527 </div>
528 <div class="ewd-us-admin-styling-subsection-content-color-picker">
529 <div class="ewd-us-admin-styling-subsection-content-color-picker-label"><?php _e('Border', 'ultimate-slider'); ?></div>
530 <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";} ?> />
531 </div>
532 <div class="ewd-us-admin-styling-subsection-content-color-picker">
533 <div class="ewd-us-admin-styling-subsection-content-color-picker-label"><?php _e('Text', 'ultimate-slider'); ?></div>
534 <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";} ?> />
535 </div>
536 </div>
537 </div>
538 <div class="ewd-us-admin-styling-subsection-content-each">
539 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Hover Colors', 'ultimate-slider'); ?></div>
540 <div class="ewd-us-admin-styling-subsection-content-right">
541 <div class="ewd-us-admin-styling-subsection-content-color-picker">
542 <div class="ewd-us-admin-styling-subsection-content-color-picker-label"><?php _e('Background', 'ultimate-slider'); ?></div>
543 <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";} ?> />
544 </div>
545 <div class="ewd-us-admin-styling-subsection-content-color-picker">
546 <div class="ewd-us-admin-styling-subsection-content-color-picker-label"><?php _e('Border', 'ultimate-slider'); ?></div>
547 <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";} ?> />
548 </div>
549 <div class="ewd-us-admin-styling-subsection-content-color-picker">
550 <div class="ewd-us-admin-styling-subsection-content-color-picker-label"><?php _e('Text', 'ultimate-slider'); ?></div>
551 <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";} ?> />
552 </div>
553 </div>
554 </div>
555 <div class="ewd-us-admin-styling-subsection-content-each">
556 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Font Family', 'ultimate-slider'); ?></div>
557 <div class="ewd-us-admin-styling-subsection-content-right">
558 <input type='text' class='ewd-us-admin-font-size' name='us_button_font' value='<?php echo $us_Button_Font; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> />
559 </div>
560 </div>
561 <div class="ewd-us-admin-styling-subsection-content-each">
562 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Font Size', 'ultimate-slider'); ?></div>
563 <div class="ewd-us-admin-styling-subsection-content-right">
564 <input type='text' class='ewd-us-admin-font-size' name='us_button_font_size' value='<?php echo $us_Button_Font_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> />
565 </div>
566 </div>
567 </div>
568 </div>
569 <?php if ($US_Full_Version != "Yes") { ?>
570 <div class="ewd-us-premium-options-table-overlay">
571 <div class="ewd-us-unlock-premium">
572 <img src="<?php echo plugins_url( '../img/options-asset-lock.png', __FILE__ ); ?>" alt="Upgrade to Ultimate Slider Premium">
573 <p>Access this section by by upgrading to premium</p>
574 <a href="https://www.etoilewebdesign.com/plugins/ultimate-slider/#buy" class="ewd-us-dashboard-get-premium-widget-button" target="_blank">UPGRADE NOW</a>
575 </div>
576 </div>
577 <?php } ?>
578 </div>
579
580 </div> <!-- Styling -->
581
582 <div id='Control' class='ewd-us-option-set<?php echo ( $Display_Tab == 'Control' ? '' : ' ewd-us-hidden' ); ?>'>
583
584 <br />
585
586 <div class="ewd-us-admin-section-heading"><?php _e('Control Options', 'ultimate-slider'); ?></div>
587
588 <div class="ewd-us-admin-styling-section">
589 <div class="ewd-us-admin-styling-subsection">
590 <div class="ewd-us-admin-styling-subsection-label"><?php _e('Arrows', 'ultimate-slider'); ?></div>
591 <div class="ewd-us-admin-styling-subsection-content">
592 <div class="ewd-us-admin-styling-subsection-content-each">
593 <fieldset class="ewdAdminIconChoice">
594 <label class='ewd-us-admin-input-container fourteen'><input type='radio' name='us_arrow' value='None' <?php if ($us_Arrow == "None") {echo "checked='checked'";} ?> <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> /><span class='ewd-us-admin-radio-button'></span> No Arrow</label>
595 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>b</span></label>
596 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>d</span></label>
597 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>f</span></label>
598 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>h</span></label>
599 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>j</span></label>
600 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>l</span></label>
601 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>n</span></label>
602 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>p</span></label>
603 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>r</span></label>
604 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>B</span></label>
605 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>F</span></label>
606 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>H</span></label>
607 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>J</span></label>
608 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>L</span></label>
609 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>N</span></label>
610 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>P</span></label>
611 <label class='ewd-us-admin-input-container'><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='ewd-us-admin-radio-button'></span> <span class='us-arrow'>R</span></label>
612 </fieldset>
613 </div>
614 </div>
615 </div>
616 <div class="ewd-us-admin-styling-subsection">
617 <div class="ewd-us-admin-styling-subsection-label"><?php _e('Background Shape', 'ultimate-slider'); ?></div>
618 <div class="ewd-us-admin-styling-subsection-content">
619 <div class="ewd-us-admin-styling-subsection-content-each">
620 <fieldset>
621 <label title='None' class='ewd-us-admin-input-container'><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";} ?> /><span class='ewd-us-admin-radio-button'></span> <span><?php _e("No Background", 'ultimate-slider')?></span></label><br />
622 <label title='Square' class='ewd-us-admin-input-container'><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";} ?> /><span class='ewd-us-admin-radio-button'></span> <span><?php _e("Square", 'ultimate-slider')?></span></label><br />
623 <label title='Circle' class='ewd-us-admin-input-container'><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";} ?> /><span class='ewd-us-admin-radio-button'></span> <span><?php _e("Circle", 'ultimate-slider')?></span></label><br />
624 <label title='Diamond' class='ewd-us-admin-input-container'><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";} ?> /><span class='ewd-us-admin-radio-button'></span> <span><?php _e("Diamond", 'ultimate-slider')?></span></label><br />
625 </fieldset>
626 </div>
627 </div>
628 </div>
629 <div class="ewd-us-admin-styling-subsection">
630 <div class="ewd-us-admin-styling-subsection-label"><?php _e('Customize', 'ultimate-slider'); ?></div>
631 <div class="ewd-us-admin-styling-subsection-content">
632 <div class="ewd-us-admin-styling-subsection-content-each">
633 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Colors', 'ultimate-slider'); ?></div>
634 <div class="ewd-us-admin-styling-subsection-content-right">
635 <div class="ewd-us-admin-styling-subsection-content-color-picker">
636 <div class="ewd-us-admin-styling-subsection-content-color-picker-label"><?php _e('Arrow', 'ultimate-slider'); ?></div>
637 <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";} ?> />
638 </div>
639 <div class="ewd-us-admin-styling-subsection-content-color-picker">
640 <div class="ewd-us-admin-styling-subsection-content-color-picker-label"><?php _e('Arrow Background', 'ultimate-slider'); ?></div>
641 <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";} ?> />
642 </div>
643 <div class="ewd-us-admin-styling-subsection-content-color-picker">
644 <div class="ewd-us-admin-styling-subsection-content-color-picker-label"><?php _e('Clickable Area', 'ultimate-slider'); ?></div>
645 <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";} ?> />
646 </div>
647 </div>
648 </div>
649 <div class="ewd-us-admin-styling-subsection-content-each">
650 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Arrow Size', 'ultimate-slider'); ?></div>
651 <div class="ewd-us-admin-styling-subsection-content-right">
652 <input type='text' name='us_arrow_font_size' class='ewd-us-admin-font-size' value='<?php echo $us_Arrow_Font_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> />
653 </div>
654 </div>
655 <div class="ewd-us-admin-styling-subsection-content-each">
656 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Arrow Background Size', 'ultimate-slider'); ?></div>
657 <div class="ewd-us-admin-styling-subsection-content-right">
658 <input type='text' name='us_arrow_background_size' class='ewd-us-admin-font-size' value='<?php echo $us_Arrow_Background_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> />
659 </div>
660 </div>
661 <div class="ewd-us-admin-styling-subsection-content-each">
662 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Clickable Area Size', 'ultimate-slider'); ?></div>
663 <div class="ewd-us-admin-styling-subsection-content-right">
664 <input type='text' name='us_clickable_area_size' class='ewd-us-admin-font-size' value='<?php echo $us_Clickable_Area_Size; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> />
665 </div>
666 </div>
667 <div class="ewd-us-admin-styling-subsection-content-each">
668 <div class="ewd-us-admin-styling-subsection-content-label"><?php _e('Line Height Of Arrow Within Background (e.g. "1.25")', 'ultimate-slider'); ?></div>
669 <div class="ewd-us-admin-styling-subsection-content-right">
670 <input type='text' name='us_arrow_line_height' class='ewd-us-admin-font-size' value='<?php echo $us_Arrow_Line_Height; ?>' <?php if ($US_Full_Version != "Yes") {echo "disabled";} ?> />
671 </div>
672 </div>
673 </div>
674 </div>
675 <?php if ($US_Full_Version != "Yes") { ?>
676 <div class="ewd-us-premium-options-table-overlay">
677 <div class="ewd-us-unlock-premium">
678 <img src="<?php echo plugins_url( '../img/options-asset-lock.png', __FILE__ ); ?>" alt="Upgrade to Ultimate Slider Premium">
679 <p>Access this section by by upgrading to premium</p>
680 <a href="https://www.etoilewebdesign.com/plugins/ultimate-slider/#buy" class="ewd-us-dashboard-get-premium-widget-button" target="_blank">UPGRADE NOW</a>
681 </div>
682 </div>
683 <?php } ?>
684 </div>
685
686 </div> <!-- Controls -->
687
688 <p class="submit"><input type="submit" name="Options_Submit" id="submit" class="button button-primary" value="Save Changes" /></p>
689 </form>
690 </div> <!-- us-options-page-tabbed-content -->
691