| @@ -1,8 +1,8 @@ | ||
| 1 | 1 | <?php |
| 2 | 2 | |
| 3 | 3 | /** |
| 4 | - * SwitcherStyle class for Switcher options. | |
| 4 | + * Views class for Shortcode generator options. | |
| 5 | 5 | * |
| 6 | 6 | * @link https://themeatelier.net |
| 7 | 7 | * @since 1.0.0 |
| 8 | 8 | * |
| @@ -27,975 +27,420 @@ | ||
| 27 | 27 | { |
| 28 | 28 | Darkify::createSection( |
| 29 | 29 | $prefix, |
| 30 | 30 | array( |
| 31 | - 'title' => esc_html__('SWITCHES', 'darkify'), | |
| 32 | - 'icon' => 'icofont-toggle-on', | |
| 33 | - 'fields' => array( | |
| 31 | + 'title' => esc_html__('SWITCHER STYLE', 'darkify'), | |
| 32 | + 'icon' => 'icofont-toggle-on', | |
| 33 | + 'fields' => array( | |
| 34 | + array( | |
| 35 | + 'type' => 'heading', | |
| 36 | + 'content' => esc_html__('Switch Version', 'darkify'), | |
| 37 | + ), | |
| 38 | + array( | |
| 39 | + 'id' => 'enable_dark_switcher', | |
| 40 | + 'type' => 'layout_preset', | |
| 41 | + 'title' => esc_html__('Floating Switch', 'darkify'), | |
| 42 | + 'desc' => esc_html__('Choose default floating switch', 'darkify'), | |
| 43 | + 'class' => 'icon_select', | |
| 44 | + 'options' => array( | |
| 45 | + 'classic' => array( | |
| 46 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-01.jpg', | |
| 47 | + 'text' => esc_html__('Classic', 'darkify'), | |
| 48 | + 'option_demo_url' => '', | |
| 49 | + ), | |
| 50 | + 'expand' => array( | |
| 51 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-02.jpg', | |
| 52 | + 'text' => esc_html__('Expand', 'darkify'), | |
| 53 | + 'option_demo_url' => '', | |
| 54 | + ), | |
| 55 | + 'inner-moon' => array( | |
| 56 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-03.jpg', | |
| 57 | + 'text' => esc_html__('Inner Moon', 'darkify'), | |
| 58 | + 'option_demo_url' => '', | |
| 59 | + ), | |
| 60 | + 'within' => array( | |
| 61 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-04.jpg', | |
| 62 | + 'text' => esc_html__('Within', 'darkify'), | |
| 63 | + 'option_demo_url' => '', | |
| 64 | + ), | |
| 65 | + 'around' => array( | |
| 66 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-05.jpg', | |
| 67 | + 'text' => esc_html__('Around', 'darkify'), | |
| 68 | + 'option_demo_url' => '', | |
| 69 | + 'pro_only' => true, | |
| 70 | + ), | |
| 71 | + 'dark-side' => array( | |
| 72 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-06.jpg', | |
| 73 | + 'text' => esc_html__('Dark Side', 'darkify'), | |
| 74 | + 'option_demo_url' => '', | |
| 75 | + 'pro_only' => true, | |
| 76 | + ), | |
| 77 | + 'horizon' => array( | |
| 78 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-07.jpg', | |
| 79 | + 'text' => esc_html__('Horizon', 'darkify'), | |
| 80 | + 'option_demo_url' => '', | |
| 81 | + 'pro_only' => true, | |
| 82 | + ), | |
| 83 | + 'eclipse' => array( | |
| 84 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-08.jpg', | |
| 85 | + 'text' => esc_html__('Eclipse', 'darkify'), | |
| 86 | + 'option_demo_url' => '', | |
| 87 | + 'pro_only' => true, | |
| 88 | + ), | |
| 89 | + 'lightbulb' => array( | |
| 90 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-09.jpg', | |
| 91 | + 'text' => esc_html__('Lightbulb', 'darkify'), | |
| 92 | + 'option_demo_url' => '', | |
| 93 | + 'pro_only' => true, | |
| 94 | + ), | |
| 95 | + 'dark-inner' => array( | |
| 96 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-10.jpg', | |
| 97 | + 'text' => esc_html__('Dark Inner', 'darkify'), | |
| 98 | + 'option_demo_url' => '', | |
| 99 | + 'pro_only' => true, | |
| 100 | + ), | |
| 101 | + 'half-sun' => array( | |
| 102 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-11.jpg', | |
| 103 | + 'text' => esc_html__('Half Sun', 'darkify'), | |
| 104 | + 'option_demo_url' => '', | |
| 105 | + 'pro_only' => true, | |
| 106 | + ), | |
| 107 | + 'simple' => array( | |
| 108 | + 'image' => DARKIFY_DIR_URL . 'src/Admin/image/icon-12.jpg', | |
| 109 | + 'text' => esc_html__('Simple', 'darkify'), | |
| 110 | + 'option_demo_url' => '', | |
| 111 | + 'pro_only' => true, | |
| 112 | + ), | |
| 113 | + ), | |
| 114 | + 'default' => 'classic', | |
| 115 | + ), | |
| 116 | + // Enable Tooltip on Floating Switch | |
| 117 | + array( | |
| 118 | + 'id' => 'tooltip_on_floating_switch', | |
| 119 | + 'type' => 'fieldset', | |
| 120 | + 'fields' => array( | |
| 121 | + array( | |
| 122 | + 'id' => 'floating_switch_width', | |
| 123 | + 'type' => 'switcher', | |
| 124 | + 'title' => esc_html__('Enable or Disable Tooltip on Floating Switch', 'darkify'), | |
| 125 | + 'desc' => esc_html__('Want to show a hint on dark mode floating switch as tooltip?', 'darkify'), | |
| 126 | + 'text_on' => esc_html__('Enabled', 'darkify-pro'), | |
| 127 | + 'text_off' => esc_html__('Disabled', 'darkify-pro'), | |
| 128 | + 'text_width' => 100, | |
| 129 | + 'default' => false, | |
| 130 | + ), | |
| 131 | + array( | |
| 132 | + 'id' => 'tooltip_position', | |
| 133 | + 'type' => 'select', | |
| 134 | + 'title' => esc_html__('Tooltip Position', 'darkify'), | |
| 135 | + 'desc' => esc_html__('Choose the position where the tooltip should be displaed relative to the floating switch.', 'darkify'), | |
| 136 | + 'options' => array( | |
| 137 | + 'top' => esc_html__('Top', 'darkify'), | |
| 138 | + 'bottom' => esc_html__('Bottom', 'darkify'), | |
| 139 | + 'left' => esc_html__('Left', 'darkify'), | |
| 140 | + 'right' => esc_html__('Right', 'darkify'), | |
| 141 | + ), | |
| 142 | + 'default' => 'left', | |
| 143 | + 'dependency' => array('floating_switch_width', '==', 'true'), | |
| 144 | + ), | |
| 145 | + array( | |
| 146 | + 'id' => 'tooltip_text', | |
| 147 | + 'type' => 'text', | |
| 148 | + 'title' => esc_html__('Tooltip Text', 'darkify'), | |
| 149 | + 'desc' => esc_html__('Customize text to be displayed on the tooltip.', 'darkify'), | |
| 150 | + 'default' => esc_html__('Tooltip Text', 'darkify'), | |
| 151 | + 'dependency' => array('floating_switch_width', '==', 'true'), | |
| 152 | + ), | |
| 153 | + array( | |
| 154 | + 'id' => 'tooltip_background_color', | |
| 155 | + 'type' => 'color', | |
| 156 | + 'title' => esc_html__('Tooltip Background Color', 'darkify'), | |
| 157 | + 'desc' => esc_html__('Customize the background color of the floating switch tooltip.', 'darkify'), | |
| 158 | + 'dependency' => array('floating_switch_width', '==', 'true'), | |
| 159 | + 'default' => '#142434', | |
| 160 | + ), | |
| 161 | + array( | |
| 162 | + 'id' => 'tooltip_text_color', | |
| 163 | + 'type' => 'color', | |
| 164 | + 'title' => esc_html__('Tooltip Text Color', 'darkify'), | |
| 165 | + 'desc' => esc_html__('Customize default margin from the left of the Floating Switch in Mobile.', 'darkify'), | |
| 166 | + 'dependency' => array('floating_switch_width', '==', 'true'), | |
| 167 | + 'default' => '#B0CBE7', | |
| 168 | + ), | |
| 169 | + ), | |
| 170 | + ), | |
| 171 | + array( | |
| 172 | + 'type' => 'heading', | |
| 173 | + 'content' => esc_html__('Position Customization', 'darkify'), | |
| 174 | + ), | |
| 34 | 175 | |
| 176 | + // Switch Position | |
| 35 | 177 | array( |
| 36 | - 'type' => 'section_tab', | |
| 37 | - 'tabs' => array( | |
| 178 | + 'id' => 'switcher_button_position', | |
| 179 | + 'type' => 'fieldset', | |
| 180 | + 'fields' => array( | |
| 38 | 181 | array( |
| 39 | - 'title' => esc_html__('Floating Switch', 'darkify'), | |
| 40 | - 'icon' => 'icofont-ui-theme', | |
| 41 | - 'fields' => array( | |
| 42 | - array( | |
| 43 | - 'id' => 'enable_dark_switcher', | |
| 44 | - 'type' => 'image_select', | |
| 45 | - 'title' => esc_html__('Switch Toggler', 'darkify'), | |
| 46 | - 'title_help' => | |
| 47 | - '<div class="darkify-info-label">' . | |
| 48 | - __('Choose the default floating switch toggler.', 'darkify') . | |
| 49 | - '</div>' . | |
| 50 | - '<a class="tooltip_btn_primary" href="' . esc_url(DARKIFY_DEMO_URL . 'switches/#switchers') . '" target="_blank" rel="noopener noreferrer">' . | |
| 51 | - esc_html__('Live Demo', 'darkify') . | |
| 52 | - '</a>' . | |
| 53 | - '<a class="tooltip_btn_secondary" href="' . esc_url(DARKIFY_DOCS_URL . 'switcher/#switcher-customization') . '" target="_blank" rel="noopener noreferrer">' . | |
| 54 | - esc_html__('Open Docs', 'darkify') . | |
| 55 | - '</a>', | |
| 56 | - 'class' => 'icon_select ', | |
| 57 | - 'options' => array( | |
| 58 | - 'classic' => array( | |
| 59 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/classic.svg', | |
| 60 | - 'text' => esc_html__('Classic', 'darkify'), | |
| 61 | - 'option_demo_url' => '', | |
| 62 | - ), | |
| 182 | + 'id' => 'dark_mode_switch_position', | |
| 183 | + 'type' => 'select', | |
| 184 | + 'title' => esc_html__('Switch Position', 'darkify'), | |
| 185 | + 'desc' => esc_html__('Choose the screen position where the Floating Switch should be displayed.', 'darkify'), | |
| 186 | + 'options' => array( | |
| 187 | + 'top_right' => esc_html__('Top Right', 'darkify'), | |
| 188 | + 'top_left' => esc_html__('Top Left', 'darkify'), | |
| 189 | + 'bottom_right' => esc_html__('Bottom Right', 'darkify'), | |
| 190 | + 'bottom_left' => esc_html__('Bottom Left', 'darkify'), | |
| 191 | + ), | |
| 192 | + 'default' => 'bottom_right', | |
| 193 | + ), | |
| 194 | + array( | |
| 195 | + 'id' => 'switch_position_top_right', | |
| 196 | + 'type' => 'spacing', | |
| 197 | + 'title' => esc_html__('Margin From Top Right', 'darkify'), | |
| 198 | + 'desc' => esc_html__('Customize default margin from the top right of the Floating Switch.', 'darkify'), | |
| 199 | + 'left' => false, | |
| 200 | + 'bottom' => false, | |
| 201 | + 'default' => array( | |
| 202 | + 'top' => '40', | |
| 203 | + 'right' => '40', | |
| 204 | + 'unit' => 'px', | |
| 205 | + ), | |
| 206 | + 'dependency' => array('dark_mode_switch_position', '==', 'top_right'), | |
| 207 | + ), | |
| 208 | + array( | |
| 209 | + 'id' => 'switch_position_top_left', | |
| 210 | + 'type' => 'spacing', | |
| 211 | + 'title' => esc_html__('Margin From Top Left', 'darkify'), | |
| 212 | + 'desc' => esc_html__('Customize default margin from the top left of the Floating Switch.', 'darkify'), | |
| 213 | + 'right' => false, | |
| 214 | + 'bottom' => false, | |
| 215 | + 'default' => array( | |
| 216 | + 'top' => '40', | |
| 217 | + 'left' => '40', | |
| 218 | + 'unit' => 'px', | |
| 219 | + ), | |
| 220 | + 'dependency' => array('dark_mode_switch_position', '==', 'top_left'), | |
| 221 | + ), | |
| 222 | + array( | |
| 223 | + 'id' => 'switch_position_bottom_right', | |
| 224 | + 'type' => 'spacing', | |
| 225 | + 'title' => esc_html__('Margin From Bottom Right', 'darkify'), | |
| 226 | + 'desc' => esc_html__('Customize default margin from the bottom right of the Floating Switch.', 'darkify'), | |
| 227 | + 'left' => false, | |
| 228 | + 'top' => false, | |
| 229 | + 'default' => array( | |
| 230 | + 'bottom' => '40', | |
| 231 | + 'right' => '40', | |
| 232 | + 'unit' => 'px', | |
| 233 | + ), | |
| 234 | + 'dependency' => array('dark_mode_switch_position', '==', 'bottom_right'), | |
| 235 | + ), | |
| 236 | + array( | |
| 237 | + 'id' => 'switch_position_bottom_left', | |
| 238 | + 'type' => 'spacing', | |
| 239 | + 'title' => esc_html__('Margin from bottom left', 'darkify'), | |
| 240 | + 'desc' => esc_html__('Customize default margin from the bottom left of the Floating Switch.', 'darkify'), | |
| 241 | + 'right' => false, | |
| 242 | + 'top' => false, | |
| 243 | + 'default' => array( | |
| 244 | + 'bottom' => '40', | |
| 245 | + 'left' => '40', | |
| 246 | + 'unit' => 'px', | |
| 247 | + ), | |
| 248 | + 'dependency' => array('dark_mode_switch_position', '==', 'bottom_left'), | |
| 249 | + ), | |
| 250 | + ), | |
| 251 | + ), | |
| 63 | 252 | |
| 64 | - 'expand' => array( | |
| 65 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/expand.svg', | |
| 66 | - 'text' => esc_html__('Expand', 'darkify'), | |
| 67 | - 'option_demo_url' => '', | |
| 68 | - ), | |
| 69 | - | |
| 70 | - 'inner-moon' => array( | |
| 71 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/inner-moon.svg', | |
| 72 | - 'text' => esc_html__('Inner Moon', 'darkify'), | |
| 73 | - 'option_demo_url' => '', | |
| 74 | - ), | |
| 75 | - | |
| 76 | - 'within' => array( | |
| 77 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/within.svg', | |
| 78 | - 'text' => esc_html__('Within', 'darkify'), | |
| 79 | - 'option_demo_url' => '', | |
| 80 | - ), | |
| 81 | - 'orbit' => array( | |
| 82 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/orbit.svg', | |
| 83 | - 'text' => esc_html__('Orbit', 'darkify'), | |
| 84 | - 'option_demo_url' => '', | |
| 85 | - ), | |
| 86 | - | |
| 87 | - 'around' => array( | |
| 88 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/around.svg', | |
| 89 | - 'text' => esc_html__('Around', 'darkify'), | |
| 90 | - 'option_demo_url' => '', | |
| 91 | - 'pro_only' => true, | |
| 92 | - ), | |
| 93 | - | |
| 94 | - 'dark-side' => array( | |
| 95 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/dark-side.svg', | |
| 96 | - 'text' => esc_html__('Dark Side', 'darkify'), | |
| 97 | - 'option_demo_url' => '', | |
| 98 | - 'pro_only' => true, | |
| 99 | - ), | |
| 100 | - | |
| 101 | - 'horizon' => array( | |
| 102 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/horizon.svg', | |
| 103 | - 'text' => esc_html__('Horizon', 'darkify'), | |
| 104 | - 'option_demo_url' => '', | |
| 105 | - 'pro_only' => true, | |
| 106 | - ), | |
| 107 | - | |
| 108 | - 'eclipse' => array( | |
| 109 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/eclipse.svg', | |
| 110 | - 'text' => esc_html__('Eclipse', 'darkify'), | |
| 111 | - 'option_demo_url' => '', | |
| 112 | - 'pro_only' => true, | |
| 113 | - ), | |
| 114 | - | |
| 115 | - 'lightbulb' => array( | |
| 116 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/lightbulb.svg', | |
| 117 | - 'text' => esc_html__('Lightbulb', 'darkify'), | |
| 118 | - 'option_demo_url' => '', | |
| 119 | - 'pro_only' => true, | |
| 120 | - ), | |
| 121 | - | |
| 122 | - 'dark-inner' => array( | |
| 123 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/dark-inner.svg', | |
| 124 | - 'text' => esc_html__('Dark Inner', 'darkify'), | |
| 125 | - 'option_demo_url' => '', | |
| 126 | - 'pro_only' => true, | |
| 127 | - ), | |
| 128 | - | |
| 129 | - 'half-sun' => array( | |
| 130 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/half-sun.svg', | |
| 131 | - 'text' => esc_html__('Half Sun', 'darkify'), | |
| 132 | - 'option_demo_url' => '', | |
| 133 | - 'pro_only' => true, | |
| 134 | - ), | |
| 135 | - | |
| 136 | - 'simple' => array( | |
| 137 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/simple.svg', | |
| 138 | - 'text' => esc_html__('Simple', 'darkify'), | |
| 139 | - 'option_demo_url' => '', | |
| 140 | - 'pro_only' => true, | |
| 141 | - ), | |
| 142 | - 'duality' => array( | |
| 143 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/duality.svg', | |
| 144 | - 'text' => esc_html__('Duality', 'darkify'), | |
| 145 | - 'option_demo_url' => '', | |
| 146 | - 'pro_only' => true, | |
| 147 | - ), | |
| 148 | - 'dual' => array( | |
| 149 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/dual.svg', | |
| 150 | - 'text' => esc_html__('Dual', 'darkify'), | |
| 151 | - 'option_demo_url' => '', | |
| 152 | - 'pro_only' => true, | |
| 153 | - ), | |
| 154 | - 'shift' => array( | |
| 155 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/shift.svg', | |
| 156 | - 'text' => esc_html__('Shift', 'darkify'), | |
| 157 | - 'option_demo_url' => '', | |
| 158 | - 'pro_only' => true, | |
| 159 | - ), | |
| 160 | - ), | |
| 161 | - 'default' => 'classic', | |
| 162 | - ), | |
| 163 | - array( | |
| 164 | - 'id' => 'switch_size', | |
| 165 | - 'type' => 'button_set', | |
| 166 | - 'title' => esc_html__('Switch Size', 'darkify'), | |
| 167 | - 'title_help' => '<div class="darkify-info-label">' . esc_html__('Choose the size of the floating toggle switch as you need.', 'darkify') . '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switchers" target="_blank">' . esc_html__('Live Demo', 'darkify') . '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switch-appearance" target="_blank">' . esc_html__('Open Docs', 'darkify') . '</a>', | |
| 168 | - 'options' => array( | |
| 169 | - '0.6' => esc_html__('XS', 'darkify'), | |
| 170 | - '0.8' => esc_html__('S', 'darkify'), | |
| 171 | - '1' => esc_html__('M', 'darkify'), | |
| 172 | - '1.2' => esc_html__('L', 'darkify'), | |
| 173 | - '1.4' => esc_html__('XL', 'darkify'), | |
| 174 | - '1.6' => esc_html__('XXL', 'darkify'), | |
| 175 | - 'custom' => esc_html__('Custom', 'darkify'), | |
| 176 | - ), | |
| 177 | - 'default' => '1', | |
| 178 | - ), | |
| 179 | - array( | |
| 180 | - 'id' => 'switch_size_custom', | |
| 181 | - 'type' => 'slider', | |
| 182 | - 'title' => esc_html__('Custom Switch Size', 'darkify'), | |
| 183 | - 'title_help' => '<div class="darkify-info-label">' . esc_html__('Scale in percentage relative to normal size.', 'darkify') . '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switchers" target="_blank">' . esc_html__('Live Demo', 'darkify') . '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switch-appearance" target="_blank">' . esc_html__('Open Docs', 'darkify') . '</a>', | |
| 184 | - 'default' => '100', | |
| 185 | - 'min' => 40, | |
| 186 | - 'max' => 300, | |
| 187 | - 'dependency' => array('switch_size', '==', 'custom') | |
| 188 | - ), | |
| 189 | - array( | |
| 190 | - 'id' => 'switch_background', | |
| 191 | - 'type' => 'color_group', | |
| 192 | - 'title' => esc_html__('Switch Background', 'darkify'), | |
| 193 | - 'title_help' => '<div class="darkify-info-label">' . | |
| 194 | - __('Customize the floating switch background to match your design.', 'darkify') . | |
| 195 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switchers" target="_blank" rel="noopener noreferrer">' . | |
| 196 | - __('Live Demo', 'darkify') . | |
| 197 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switch-appearance" target="_blank" rel="noopener noreferrer">' . | |
| 198 | - __('Open Docs', 'darkify') . | |
| 199 | - '</a>', | |
| 200 | - 'options' => array( | |
| 201 | - 'switch_light_mode_bg' => esc_html__('Light Mode', 'darkify'), | |
| 202 | - 'switch_dark_mode_bg' => esc_html__('Dark Mode', 'darkify'), | |
| 203 | - ), | |
| 204 | - 'default' => array( | |
| 205 | - 'switch_light_mode_bg' => '#121116', | |
| 206 | - 'switch_dark_mode_bg' => '#ffffff', | |
| 207 | - ) | |
| 208 | - ), | |
| 209 | - array( | |
| 210 | - 'id' => 'switch_icon_color', | |
| 211 | - 'type' => 'color_group', | |
| 212 | - 'title' => esc_html__('Switch Icon Color', 'darkify'), | |
| 213 | - 'title_help' => '<div class="darkify-info-label">' . | |
| 214 | - __('Customize the floating switch icon color as needed.', 'darkify') . | |
| 215 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switchers" target="_blank" rel="noopener noreferrer">' . | |
| 216 | - __('Live Demo', 'darkify') . | |
| 217 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switch-appearance" target="_blank" rel="noopener noreferrer">' . | |
| 218 | - __('Open Docs', 'darkify') . | |
| 219 | - '</a>', | |
| 220 | - | |
| 221 | - 'options' => array( | |
| 222 | - 'switch_light_mode_color' => esc_html__('Light Mode', 'darkify'), | |
| 223 | - 'switch_dark_mode_color' => esc_html__('Dark Mode', 'darkify'), | |
| 224 | - ), | |
| 225 | - 'default' => array( | |
| 226 | - 'switch_light_mode_color' => '#ffffff', | |
| 227 | - 'switch_dark_mode_color' => '#121116', | |
| 228 | - ), | |
| 229 | - ), | |
| 230 | - array( | |
| 231 | - 'id' => 'switch_border', | |
| 232 | - 'type' => 'border', | |
| 233 | - 'title' => esc_html__('Switch Border', 'darkify'), | |
| 234 | - 'title_help' => | |
| 235 | - '<div class="darkify-info-label">' . | |
| 236 | - __('Customize the floating switch border and border radius.', 'darkify') . | |
| 237 | - '</div>' . | |
| 238 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switchers" target="_blank" rel="noopener noreferrer">' . | |
| 239 | - __('Live Demo', 'darkify') . | |
| 240 | - '</a>' . | |
| 241 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switch-appearance" target="_blank" rel="noopener noreferrer">' . | |
| 242 | - __('Open Docs', 'darkify') . | |
| 243 | - '</a>', | |
| 244 | - 'color' => true, | |
| 245 | - 'style' => false, | |
| 246 | - 'color2' => false, | |
| 247 | - 'all' => true, | |
| 248 | - 'radius' => true, | |
| 249 | - 'default' => array( | |
| 250 | - 'color' => '#121116', | |
| 251 | - 'color3' => '#ffffff', | |
| 252 | - 'all' => 0, | |
| 253 | - 'radius' => 7, | |
| 254 | - ), | |
| 255 | - ), | |
| 256 | - | |
| 257 | - array( | |
| 258 | - 'id' => 'enable_switch_attention', | |
| 259 | - 'type' => 'switcher', | |
| 260 | - 'title' => esc_html__('Switch Attention Effect', 'darkify'), | |
| 261 | - 'text_on' => esc_html__('Enabled', 'darkify'), | |
| 262 | - 'text_off' => esc_html__('Disabled', 'darkify'), | |
| 263 | - 'text_width' => '100', | |
| 264 | - 'title_help' => '<div class="darkify-info-label">' . esc_html__('Enable an animation to draw visitor attention to the floating dark mode switch.', 'darkify') . '</div>', | |
| 265 | - ), | |
| 266 | - array( | |
| 267 | - 'id' => 'switch_attention_effect', | |
| 268 | - 'type' => 'button_set', | |
| 269 | - 'title' => esc_html__('Attention Effect Style', 'darkify'), | |
| 270 | - 'title_help' => '<div class="darkify-info-label">' . esc_html__('Choose the animation style for the attention effect. Hover pauses the animation.', 'darkify') . '</div>', | |
| 271 | - 'options' => array( | |
| 272 | - 'pulse' => esc_html__('Pulse', 'darkify'), | |
| 273 | - 'radiance' => array('label' => esc_html__('Radiance', 'darkify'), 'disabled' => true), | |
| 274 | - 'leap' => array('label' => esc_html__('Leap', 'darkify'), 'disabled' => true), | |
| 275 | - 'swing' => array('label' => esc_html__('Swing', 'darkify'), 'disabled' => true), | |
| 276 | - 'drift' => array('label' => esc_html__('Drift', 'darkify'), 'disabled' => true), | |
| 277 | - 'nudge' => array('label' => esc_html__('Nudge', 'darkify'), 'disabled' => true), | |
| 278 | - ), | |
| 279 | - 'default' => 'pulse', | |
| 280 | - 'dependency' => array('enable_switch_attention', '==', 'true'), | |
| 281 | - ), | |
| 282 | - | |
| 283 | - array( | |
| 284 | - 'title' => esc_html__('Switch Extra', 'darkify'), | |
| 285 | - 'type' => 'heading', | |
| 286 | - ), | |
| 287 | - array( | |
| 288 | - 'id' => 'tooltip_on_floating_switch', | |
| 289 | - 'type' => 'fieldset', | |
| 290 | - 'fields' => array( | |
| 291 | - array( | |
| 292 | - 'id' => 'floating_switch_width', | |
| 293 | - 'type' => 'switcher', | |
| 294 | - 'title' => esc_html__('Tooltip on Floating Switch', 'darkify'), | |
| 295 | - 'title_help' => | |
| 296 | - '<div class="darkify-info-label">' . | |
| 297 | - __('Display a tooltip hint on the dark mode floating switch.', 'darkify') . | |
| 298 | - '</div>' . | |
| 299 | - '<a class="tooltip_btn_primary" href="' . esc_url(DARKIFY_DEMO_URL . 'switches/#custom_switches') . '" target="_blank" rel="noopener noreferrer">' . | |
| 300 | - __('Live Demo', 'darkify') . | |
| 301 | - '</a>' . | |
| 302 | - '<a class="tooltip_btn_secondary" href="' . esc_url(DARKIFY_DOCS_URL . 'switcher/#tooltips') . '" target="_blank" rel="noopener noreferrer">' . | |
| 303 | - __('Open Docs', 'darkify') . | |
| 304 | - '</a>', | |
| 305 | - 'text_on' => esc_html__('Enabled', 'darkify'), | |
| 306 | - 'text_off' => esc_html__('Disabled', 'darkify'), | |
| 307 | - 'text_width' => 100, | |
| 308 | - 'default' => false, | |
| 309 | - ), | |
| 310 | - array( | |
| 311 | - 'id' => 'tooltip_position', | |
| 312 | - 'type' => 'button_set', | |
| 313 | - 'title' => esc_html__('Tooltip Position', 'darkify'), | |
| 314 | - 'title_help' => | |
| 315 | - '<div class="darkify-info-label">' . | |
| 316 | - __('Choose where the tooltip should appear relative to the floating switch.', 'darkify') . | |
| 317 | - '</div>' . | |
| 318 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#custom_switches" target="_blank">' . | |
| 319 | - __('Live Demo', 'darkify') . | |
| 320 | - '</a>' . | |
| 321 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#tooltips" target="_blank">' . | |
| 322 | - __('Open Docs', 'darkify') . | |
| 323 | - '</a>', | |
| 324 | - 'options' => array( | |
| 325 | - 'left' => esc_html__('Left', 'darkify'), | |
| 326 | - 'right' => esc_html__('Right', 'darkify'), | |
| 327 | - 'top' => esc_html__('Top', 'darkify'), | |
| 328 | - 'bottom' => esc_html__('Bottom', 'darkify'), | |
| 329 | - ), | |
| 330 | - 'default' => 'left', | |
| 331 | - 'dependency' => array('floating_switch_width', '==', 'true'), | |
| 332 | - ), | |
| 333 | - array( | |
| 334 | - 'id' => 'tooltip_text', | |
| 335 | - 'type' => 'text', | |
| 336 | - 'title' => esc_html__('Tooltip Text', 'darkify'), | |
| 337 | - 'title_help' => | |
| 338 | - '<div class="darkify-info-label">' . | |
| 339 | - __('Add tooltip text for floating switch toggler.', 'darkify') . | |
| 340 | - '</div>' . | |
| 341 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switchers" target="_blank">' . | |
| 342 | - __('Live Demo', 'darkify') . | |
| 343 | - '</a>' . | |
| 344 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-customization" target="_blank">' . | |
| 345 | - __('Open Docs', 'darkify') . | |
| 346 | - '</a>', | |
| 347 | - 'default' => esc_html__('Toggle Dark Mode', 'darkify'), | |
| 348 | - 'dependency' => array('floating_switch_width', '==', 'true'), | |
| 349 | - ), | |
| 350 | - | |
| 351 | - array( | |
| 352 | - 'id' => 'tooltip_color', | |
| 353 | - 'type' => 'color_group', | |
| 354 | - 'title' => esc_html__('Tooltip Color', 'darkify'), | |
| 355 | - 'title_help' => | |
| 356 | - '<div class="darkify-info-label">' . | |
| 357 | - __('Customize the tooltip colors and appearance.', 'darkify') . | |
| 358 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#custom_switches" target="_blank">' . | |
| 359 | - __('Live Demo', 'darkify') . | |
| 360 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#tooltips" target="_blank">' . | |
| 361 | - __('Open Docs', 'darkify') . | |
| 362 | - '</a>', | |
| 363 | - 'options' => array( | |
| 364 | - 'tooltip_background_color' => esc_html__('Background', 'darkify'), | |
| 365 | - 'tooltip_text_color' => esc_html__('Color', 'darkify'), | |
| 366 | - ), | |
| 367 | - 'default' => array( | |
| 368 | - 'tooltip_background_color' => '#142434', | |
| 369 | - 'tooltip_text_color' => '#B0CBE7', | |
| 370 | - ), | |
| 371 | - 'dependency' => array('floating_switch_width', '==', 'true'), | |
| 372 | - ), | |
| 373 | - | |
| 374 | - ), | |
| 375 | - ), | |
| 376 | - | |
| 377 | - array( | |
| 378 | - 'id' => 'switcher_shortcode', | |
| 379 | - 'type' => 'switcher_shortcode', | |
| 380 | - 'title' => esc_html__('Switcher Shortcode', 'darkify'), | |
| 381 | - 'title_help' => '<div class="darkify-info-content">' . | |
| 382 | - __('Copy this shortcode and place it on any page or post to display the switcher. You can customize all values, including Switcher styles 1–5, which are available in the current version of the plugin.', 'darkify') . | |
| 383 | - '</div>' . | |
| 384 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#custom_switches" target="_blank" rel="noopener noreferrer">' . | |
| 385 | - __('Live Demo', 'darkify') . | |
| 386 | - '</a>' . | |
| 387 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#advanced-options" target="_blank" rel="noopener noreferrer">' . | |
| 388 | - __('Open Docs', 'darkify') . | |
| 389 | - '</a>', | |
| 390 | - 'dependency' => array('enable_dark_switcher', 'not-any', 'orbit,duality,dual,shift'), | |
| 391 | - ), | |
| 392 | - array( | |
| 393 | - 'id' => 'switcher_shortcode_v2', | |
| 394 | - 'type' => 'switcher_shortcode_v2', | |
| 395 | - 'title' => esc_html__('Switcher Shortcode', 'darkify'), | |
| 396 | - 'title_help' => '<div class="darkify-info-content">' . | |
| 397 | - __('Copy this shortcode and place it on any page or post to display the switcher. You can customize all available options, including switch styles 1–5, which are available in the current version of the plugin.', 'darkify') . | |
| 398 | - '</div>' . | |
| 399 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#custom_switches" target="_blank" rel="noopener noreferrer">' . | |
| 400 | - __('Live Demo', 'darkify') . | |
| 401 | - '</a>' . | |
| 402 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#advanced-options" target="_blank" rel="noopener noreferrer">' . | |
| 403 | - __('Open Docs', 'darkify') . | |
| 404 | - '</a>', | |
| 405 | - 'dependency' => array('enable_dark_switcher', 'any', 'orbit,duality,dual,shift'), | |
| 406 | - ), | |
| 407 | - array( | |
| 408 | - 'id' => 'alternative_dark_mode_switcher', | |
| 409 | - 'type' => 'text', | |
| 410 | - 'title' => esc_html__('Alternative Dark Mode Switch', 'darkify'), | |
| 411 | - 'title_help' => | |
| 412 | - '<div class="darkify-info-label">' . | |
| 413 | - __('Enter comma-separated CSS class or ID selectors to use them as alternative dark mode switches.', 'darkify') . | |
| 414 | - '</div>' . | |
| 415 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#custom_switches" target="_blank">' . | |
| 416 | - __('Live Demo', 'darkify') . | |
| 417 | - '</a>' . | |
| 418 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#tooltips" target="_blank">' . | |
| 419 | - __('Open Docs', 'darkify') . | |
| 420 | - '</a>', | |
| 421 | - 'placeholder' => esc_html__('e.g., .my-dark-switch, #dark-mode-toggle', 'darkify'), | |
| 422 | - ), | |
| 423 | - ) | |
| 253 | + // Different Switch Position in Mobile | |
| 254 | + array( | |
| 255 | + 'id' => 'different_switch_in_mobile', | |
| 256 | + 'type' => 'fieldset', | |
| 257 | + 'fields' => array( | |
| 258 | + array( | |
| 259 | + 'id' => 'switch_position_different_in_mobile', | |
| 260 | + 'type' => 'switcher', | |
| 261 | + 'title' => esc_html__('Enable or Disable Different Switch Position in Mobile', 'darkify'), | |
| 262 | + 'desc' => esc_html__('Should the Floating Switch be displayed on different position in mobile?', 'darkify'), | |
| 263 | + 'text_on' => esc_html__('Enabled', 'darkify-pro'), | |
| 264 | + 'text_off' => esc_html__('Disabled', 'darkify-pro'), | |
| 265 | + 'text_width' => 100, | |
| 266 | + 'default' => true, | |
| 424 | 267 | ), |
| 425 | 268 | array( |
| 426 | - 'title' => esc_html__('Mobile Switch', 'darkify'), | |
| 427 | - 'icon' => 'dashicons dashicons-smartphone', | |
| 428 | - 'fields' => array( | |
| 429 | - array( | |
| 430 | - 'id' => 'dark_switcher_switch_in_mobile', | |
| 431 | - 'type' => 'switcher', | |
| 432 | - 'title' => esc_html__('Different Switch in Mobile', 'darkify-pro'), | |
| 433 | - 'title_help' => '<div class="darkify-info-label">' . esc_html__('Should the Floating Switch be displayed on different in mobile?', 'darkify-pro') . '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . esc_html__('Live Demo', 'darkify-pro') . '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . esc_html__('Open Docs', 'darkify-pro') . '</a>', | |
| 434 | - 'text_on' => esc_html__('Yes', 'darkify-pro'), | |
| 435 | - 'text_off' => esc_html__('No', 'darkify-pro'), | |
| 436 | - ), | |
| 437 | - array( | |
| 438 | - 'id' => 'enable_dark_switcher_in_mobile', | |
| 439 | - 'type' => 'image_select', | |
| 440 | - 'title' => esc_html__('Switch Toggler', 'darkify'), | |
| 441 | - 'title_help' => | |
| 442 | - '<div class="darkify-info-label">' . | |
| 443 | - __('Choose the default floating switch toggler.', 'darkify') . | |
| 444 | - '</div>' . | |
| 445 | - '<a class="tooltip_btn_primary" href="' . esc_url(DARKIFY_DEMO_URL . 'switches/#switchers') . '" target="_blank" rel="noopener noreferrer">' . | |
| 446 | - esc_html__('Live Demo', 'darkify') . | |
| 447 | - '</a>' . | |
| 448 | - '<a class="tooltip_btn_secondary" href="' . esc_url(DARKIFY_DOCS_URL . 'switcher/#switcher-customization') . '" target="_blank" rel="noopener noreferrer">' . | |
| 449 | - esc_html__('Open Docs', 'darkify') . | |
| 450 | - '</a>', | |
| 451 | - 'class' => 'icon_select ', | |
| 452 | - 'options' => array( | |
| 453 | - 'classic' => array( | |
| 454 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/classic.svg', | |
| 455 | - 'text' => esc_html__('Classic', 'darkify'), | |
| 456 | - 'option_demo_url' => '', | |
| 457 | - ), | |
| 458 | - | |
| 459 | - 'expand' => array( | |
| 460 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/expand.svg', | |
| 461 | - 'text' => esc_html__('Expand', 'darkify'), | |
| 462 | - 'option_demo_url' => '', | |
| 463 | - ), | |
| 464 | - | |
| 465 | - 'inner-moon' => array( | |
| 466 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/inner-moon.svg', | |
| 467 | - 'text' => esc_html__('Inner Moon', 'darkify'), | |
| 468 | - 'option_demo_url' => '', | |
| 469 | - ), | |
| 470 | - | |
| 471 | - 'within' => array( | |
| 472 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/within.svg', | |
| 473 | - 'text' => esc_html__('Within', 'darkify'), | |
| 474 | - 'option_demo_url' => '', | |
| 475 | - ), | |
| 476 | - 'orbit' => array( | |
| 477 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/orbit.svg', | |
| 478 | - 'text' => esc_html__('Orbit', 'darkify'), | |
| 479 | - 'option_demo_url' => '', | |
| 480 | - ), | |
| 481 | - | |
| 482 | - 'around' => array( | |
| 483 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/around.svg', | |
| 484 | - 'text' => esc_html__('Around', 'darkify'), | |
| 485 | - 'option_demo_url' => '', | |
| 486 | - 'pro_only' => true, | |
| 487 | - ), | |
| 488 | - | |
| 489 | - 'dark-side' => array( | |
| 490 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/dark-side.svg', | |
| 491 | - 'text' => esc_html__('Dark Side', 'darkify'), | |
| 492 | - 'option_demo_url' => '', | |
| 493 | - 'pro_only' => true, | |
| 494 | - ), | |
| 495 | - | |
| 496 | - 'horizon' => array( | |
| 497 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/horizon.svg', | |
| 498 | - 'text' => esc_html__('Horizon', 'darkify'), | |
| 499 | - 'option_demo_url' => '', | |
| 500 | - 'pro_only' => true, | |
| 501 | - ), | |
| 502 | - | |
| 503 | - 'eclipse' => array( | |
| 504 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/eclipse.svg', | |
| 505 | - 'text' => esc_html__('Eclipse', 'darkify'), | |
| 506 | - 'option_demo_url' => '', | |
| 507 | - 'pro_only' => true, | |
| 508 | - ), | |
| 509 | - | |
| 510 | - 'lightbulb' => array( | |
| 511 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/lightbulb.svg', | |
| 512 | - 'text' => esc_html__('Lightbulb', 'darkify'), | |
| 513 | - 'option_demo_url' => '', | |
| 514 | - 'pro_only' => true, | |
| 515 | - ), | |
| 516 | - | |
| 517 | - 'dark-inner' => array( | |
| 518 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/dark-inner.svg', | |
| 519 | - 'text' => esc_html__('Dark Inner', 'darkify'), | |
| 520 | - 'option_demo_url' => '', | |
| 521 | - 'pro_only' => true, | |
| 522 | - ), | |
| 523 | - | |
| 524 | - 'half-sun' => array( | |
| 525 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/half-sun.svg', | |
| 526 | - 'text' => esc_html__('Half Sun', 'darkify'), | |
| 527 | - 'option_demo_url' => '', | |
| 528 | - 'pro_only' => true, | |
| 529 | - ), | |
| 530 | - | |
| 531 | - 'simple' => array( | |
| 532 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/simple.svg', | |
| 533 | - 'text' => esc_html__('Simple', 'darkify'), | |
| 534 | - 'option_demo_url' => '', | |
| 535 | - 'pro_only' => true, | |
| 536 | - ), | |
| 537 | - 'duality' => array( | |
| 538 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/duality.svg', | |
| 539 | - 'text' => esc_html__('Duality', 'darkify'), | |
| 540 | - 'option_demo_url' => '', | |
| 541 | - 'pro_only' => true, | |
| 542 | - ), | |
| 543 | - 'dual' => array( | |
| 544 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/dual.svg', | |
| 545 | - 'text' => esc_html__('Dual', 'darkify'), | |
| 546 | - 'option_demo_url' => '', | |
| 547 | - 'pro_only' => true, | |
| 548 | - ), | |
| 549 | - 'shift' => array( | |
| 550 | - 'image' => DARKIFY_DIR_URL . 'src/Admin/Framework/assets/images/shift.svg', | |
| 551 | - 'text' => esc_html__('Shift', 'darkify'), | |
| 552 | - 'option_demo_url' => '', | |
| 553 | - 'pro_only' => true, | |
| 554 | - ), | |
| 555 | - ), | |
| 556 | - 'default' => 'classic', | |
| 557 | - 'dependency' => array('dark_switcher_switch_in_mobile', '==', 'true'), | |
| 558 | - ), | |
| 559 | - array( | |
| 560 | - 'id' => 'switch_size_in_mobile', | |
| 561 | - 'type' => 'button_set', | |
| 562 | - 'title' => esc_html__('Switch Size', 'darkify'), | |
| 563 | - 'title_help' => '<div class="darkify-info-label">' . esc_html__('Choose the size of the floating toggle switch as you need.', 'darkify') . '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switchers" target="_blank">' . esc_html__('Live Demo', 'darkify') . '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switch-appearance" target="_blank">' . esc_html__('Open Docs', 'darkify') . '</a>', | |
| 564 | - 'options' => array( | |
| 565 | - '0.6' => esc_html__('XS', 'darkify'), | |
| 566 | - '0.8' => esc_html__('S', 'darkify'), | |
| 567 | - '1' => esc_html__('M', 'darkify'), | |
| 568 | - '1.2' => esc_html__('L', 'darkify'), | |
| 569 | - '1.4' => esc_html__('XL', 'darkify'), | |
| 570 | - '1.6' => esc_html__('XXL', 'darkify'), | |
| 571 | - 'custom' => esc_html__('Custom', 'darkify'), | |
| 572 | - ), | |
| 573 | - 'default' => '1', | |
| 574 | - 'dependency' => array('dark_switcher_switch_in_mobile', '==', 'true'), | |
| 575 | - ), | |
| 576 | - array( | |
| 577 | - 'id' => 'switch_size_custom_in_mobile', | |
| 578 | - 'type' => 'slider', | |
| 579 | - 'title' => esc_html__('Custom Switch Size', 'darkify'), | |
| 580 | - 'title_help' => '<div class="darkify-info-label">' . esc_html__('Scale in percentage relative to normal size.', 'darkify') . '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switchers" target="_blank">' . esc_html__('Live Demo', 'darkify') . '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switch-appearance" target="_blank">' . esc_html__('Open Docs', 'darkify') . '</a>', | |
| 581 | - 'default' => '100', | |
| 582 | - 'min' => 40, | |
| 583 | - 'max' => 300, | |
| 584 | - 'dependency' => array('switch_size_in_mobile|dark_switcher_switch_in_mobile', '==|==', 'custom|true') | |
| 585 | - ), | |
| 586 | - array( | |
| 587 | - 'id' => 'switch_background_in_mobile', | |
| 588 | - 'type' => 'color_group', | |
| 589 | - 'title' => esc_html__('Switch Background', 'darkify'), | |
| 590 | - 'title_help' => '<div class="darkify-info-label">' . | |
| 591 | - __('Customize the floating switch background to match your design.', 'darkify') . | |
| 592 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switchers" target="_blank" rel="noopener noreferrer">' . | |
| 593 | - __('Live Demo', 'darkify') . | |
| 594 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switch-appearance" target="_blank" rel="noopener noreferrer">' . | |
| 595 | - __('Open Docs', 'darkify') . | |
| 596 | - '</a>', | |
| 597 | - 'options' => array( | |
| 598 | - 'switch_light_mode_bg' => esc_html__('Light Mode', 'darkify'), | |
| 599 | - 'switch_dark_mode_bg' => esc_html__('Dark Mode', 'darkify'), | |
| 600 | - ), | |
| 601 | - 'default' => array( | |
| 602 | - 'switch_light_mode_bg' => '#121116', | |
| 603 | - 'switch_dark_mode_bg' => '#ffffff', | |
| 604 | - ), | |
| 605 | - 'dependency' => array('dark_switcher_switch_in_mobile', '==', 'true'), | |
| 606 | - ), | |
| 607 | - array( | |
| 608 | - 'id' => 'switch_icon_color_in_mobile', | |
| 609 | - 'type' => 'color_group', | |
| 610 | - 'title' => esc_html__('Switch Icon Color', 'darkify'), | |
| 611 | - 'title_help' => '<div class="darkify-info-label">' . | |
| 612 | - __('Customize the floating switch icon color as needed.', 'darkify') . | |
| 613 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switchers" target="_blank" rel="noopener noreferrer">' . | |
| 614 | - __('Live Demo', 'darkify') . | |
| 615 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switch-appearance" target="_blank" rel="noopener noreferrer">' . | |
| 616 | - __('Open Docs', 'darkify') . | |
| 617 | - '</a>', | |
| 618 | - | |
| 619 | - 'options' => array( | |
| 620 | - 'switch_light_mode_color' => esc_html__('Light Mode', 'darkify'), | |
| 621 | - 'switch_dark_mode_color' => esc_html__('Dark Mode', 'darkify'), | |
| 622 | - ), | |
| 623 | - 'default' => array( | |
| 624 | - 'switch_light_mode_color' => '#ffffff', | |
| 625 | - 'switch_dark_mode_color' => '#121116', | |
| 626 | - ), | |
| 627 | - 'dependency' => array('dark_switcher_switch_in_mobile', '==', 'true'), | |
| 628 | - ), | |
| 629 | - array( | |
| 630 | - 'id' => 'switch_border_in_mobile', | |
| 631 | - 'type' => 'border', | |
| 632 | - 'title' => esc_html__('Switch Border', 'darkify'), | |
| 633 | - 'title_help' => | |
| 634 | - '<div class="darkify-info-label">' . | |
| 635 | - __('Customize the floating switch border and border radius.', 'darkify') . | |
| 636 | - '</div>' . | |
| 637 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switchers" target="_blank" rel="noopener noreferrer">' . | |
| 638 | - __('Live Demo', 'darkify') . | |
| 639 | - '</a>' . | |
| 640 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switch-appearance" target="_blank" rel="noopener noreferrer">' . | |
| 641 | - __('Open Docs', 'darkify') . | |
| 642 | - '</a>', | |
| 643 | - 'color' => true, | |
| 644 | - 'style' => false, | |
| 645 | - 'color2' => false, | |
| 646 | - 'all' => true, | |
| 647 | - 'radius' => true, | |
| 648 | - 'default' => array( | |
| 649 | - 'color' => '#121116', | |
| 650 | - 'color3' => '#ffffff', | |
| 651 | - 'all' => 0, | |
| 652 | - 'radius' => 7, | |
| 653 | - ), | |
| 654 | - 'dependency' => array('dark_switcher_switch_in_mobile', '==', 'true'), | |
| 655 | - ), | |
| 656 | - | |
| 657 | - array( | |
| 658 | - 'id' => 'enable_switch_attention_in_mobile', | |
| 659 | - 'type' => 'switcher', | |
| 660 | - 'title' => esc_html__('Switch Attention Effect', 'darkify'), | |
| 661 | - 'text_on' => esc_html__('Enabled', 'darkify'), | |
| 662 | - 'text_off' => esc_html__('Disabled', 'darkify'), | |
| 663 | - 'text_width' => '100', | |
| 664 | - 'title_help' => '<div class="darkify-info-label">' . esc_html__('Enable an animation to draw visitor attention to the floating dark mode switch.', 'darkify') . '</div>', | |
| 665 | - 'dependency' => array('dark_switcher_switch_in_mobile', '==', 'true'), | |
| 666 | - ), | |
| 667 | - array( | |
| 668 | - 'id' => 'switch_attention_effect_in_mobile', | |
| 669 | - 'type' => 'button_set', | |
| 670 | - 'title' => esc_html__('Attention Effect Style', 'darkify'), | |
| 671 | - 'title_help' => '<div class="darkify-info-label">' . esc_html__('Choose the animation style for the attention effect. Hover pauses the animation.', 'darkify') . '</div>', | |
| 672 | - 'options' => array( | |
| 673 | - 'pulse' => esc_html__('Pulse', 'darkify'), | |
| 674 | - 'radiance' => array('label' => esc_html__('Radiance', 'darkify'), 'disabled' => true), | |
| 675 | - 'leap' => array('label' => esc_html__('Leap', 'darkify'), 'disabled' => true), | |
| 676 | - 'swing' => array('label' => esc_html__('Swing', 'darkify'), 'disabled' => true), | |
| 677 | - 'drift' => array('label' => esc_html__('Drift', 'darkify'), 'disabled' => true), | |
| 678 | - 'nudge' => array('label' => esc_html__('Nudge', 'darkify'), 'disabled' => true), | |
| 679 | - ), | |
| 680 | - 'default' => 'pulse', | |
| 681 | - 'dependency' => array('enable_switch_attention_in_mobile|dark_switcher_switch_in_mobile', '==|==', 'true|true'), | |
| 682 | - ), | |
| 683 | - ) | |
| 269 | + 'id' => 'switch_position_in_mobile', | |
| 270 | + 'type' => 'select', | |
| 271 | + 'title' => esc_html__('Switch Position in Mobile', 'darkify'), | |
| 272 | + 'desc' => esc_html__('Choose the screen position where the Floating Switch should be displayed in mobile.', 'darkify'), | |
| 273 | + 'options' => array( | |
| 274 | + 'top_right' => esc_html__('Top Right', 'darkify'), | |
| 275 | + 'top_left' => esc_html__('Top Left', 'darkify'), | |
| 276 | + 'bottom_right' => esc_html__('Bottom Right', 'darkify'), | |
| 277 | + 'bottom_left' => esc_html__('Bottom Left', 'darkify'), | |
| 278 | + ), | |
| 279 | + 'dependency' => array('switch_position_different_in_mobile', '==', 'true'), | |
| 684 | 280 | ), |
| 685 | 281 | array( |
| 686 | - 'title' => esc_html__('Positioning', 'darkify'), | |
| 687 | - 'icon' => 'icofont-hand-drag', | |
| 688 | - 'fields' => array( | |
| 689 | - // Switch Position | |
| 690 | - array( | |
| 691 | - 'id' => 'switcher_button_position', | |
| 692 | - 'type' => 'fieldset', | |
| 693 | - 'fields' => array( | |
| 694 | - array( | |
| 695 | - 'id' => 'dark_mode_switch_position', | |
| 696 | - 'type' => 'button_set', | |
| 697 | - 'title' => esc_html__('Switch Position', 'darkify'), | |
| 698 | - 'title_help' => | |
| 699 | - '<div class="darkify-info-label">' . | |
| 700 | - __('Choose the screen position where the floating switch should be displayed.', 'darkify') . | |
| 701 | - '</div>' . | |
| 702 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 703 | - __('Live Demo', 'darkify') . | |
| 704 | - '</a>' . | |
| 705 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 706 | - __('Open Docs', 'darkify') . | |
| 707 | - '</a>', | |
| 708 | - 'options' => array( | |
| 709 | - 'bottom_right' => esc_html__('Bottom Right', 'darkify'), | |
| 710 | - 'bottom_left' => esc_html__('Bottom Left', 'darkify'), | |
| 711 | - 'top_right' => esc_html__('Top Right', 'darkify'), | |
| 712 | - 'top_left' => esc_html__('Top Left', 'darkify'), | |
| 713 | - ), | |
| 714 | - 'default' => 'bottom_right', | |
| 715 | - ), | |
| 716 | - array( | |
| 717 | - 'id' => 'switch_position_top_right', | |
| 718 | - 'type' => 'spacing', | |
| 719 | - 'title' => esc_html__('Margin From Top Right', 'darkify'), | |
| 282 | + 'id' => 'switch_position_top_right_in_mobile', | |
| 283 | + 'type' => 'spacing', | |
| 284 | + 'title' => esc_html__('Margin From Top Right in Mobile', 'darkify'), | |
| 285 | + 'desc' => esc_html__('Customize default margin from the top right of the Floating Switch.', 'darkify'), | |
| 286 | + 'left' => false, | |
| 287 | + 'bottom' => false, | |
| 288 | + 'default' => array( | |
| 289 | + 'top' => '40', | |
| 290 | + 'right' => '40', | |
| 291 | + 'unit' => 'px', | |
| 292 | + ), | |
| 293 | + 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|top_right'), | |
| 294 | + ), | |
| 295 | + array( | |
| 296 | + 'id' => 'switch_position_top_left_in_mobile', | |
| 297 | + 'type' => 'spacing', | |
| 298 | + 'title' => esc_html__('Margin From Top Left in Mobile', 'darkify'), | |
| 299 | + 'desc' => esc_html__('Customize default margin from the top left of the Floating Switch.', 'darkify'), | |
| 300 | + 'right' => false, | |
| 301 | + 'bottom' => false, | |
| 302 | + 'default' => array( | |
| 303 | + 'top' => '40', | |
| 304 | + 'left' => '40', | |
| 305 | + 'unit' => 'px', | |
| 306 | + ), | |
| 307 | + 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|top_left'), | |
| 308 | + ), | |
| 309 | + array( | |
| 310 | + 'id' => 'switch_position_bottom_right_in_mobile', | |
| 311 | + 'type' => 'spacing', | |
| 312 | + 'title' => esc_html__('Margin From Bottom Right in Mobile', 'darkify'), | |
| 313 | + 'desc' => esc_html__('Customize default margin from the bottom right of the Floating Switch.', 'darkify'), | |
| 314 | + 'left' => false, | |
| 315 | + 'top' => false, | |
| 316 | + 'default' => array( | |
| 317 | + 'bottom' => '40', | |
| 318 | + 'right' => '40', | |
| 319 | + 'unit' => 'px', | |
| 320 | + ), | |
| 321 | + 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|bottom_right'), | |
| 322 | + ), | |
| 323 | + array( | |
| 324 | + 'id' => 'switch_position_bottom_left_in_mobile', | |
| 325 | + 'type' => 'spacing', | |
| 326 | + 'title' => esc_html__('Margin From Bottom Left in Mobile', 'darkify'), | |
| 327 | + 'desc' => esc_html__('Customize default margin from the bottom left of the Floating Switch.', 'darkify'), | |
| 328 | + 'right' => false, | |
| 329 | + 'top' => false, | |
| 330 | + 'default' => array( | |
| 331 | + 'bottom' => '40', | |
| 332 | + 'left' => '40', | |
| 333 | + 'unit' => 'px', | |
| 334 | + ), | |
| 335 | + 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|bottom_left'), | |
| 336 | + ), | |
| 337 | + ), | |
| 338 | + ), | |
| 339 | + array( | |
| 340 | + 'id' => 'enable_absolute_position', | |
| 341 | + 'type' => 'switcher', | |
| 342 | + 'title' => esc_html__('Absolute Switch Position', 'darkify'), | |
| 343 | + 'text_on' => esc_html__('Enabled', 'darkify'), | |
| 344 | + 'text_off' => esc_html__('Disabled', 'darkify'), | |
| 345 | + 'text_width' => '100', | |
| 346 | + 'desc' => esc_html__('Enable to make the floating switch scroll from its position with page scrolling.', 'darkify'), | |
| 347 | + ), | |
| 348 | + array( | |
| 349 | + 'id' => 'enable_switch_dragging', | |
| 350 | + 'type' => 'switcher', | |
| 351 | + 'title' => esc_html__('Draggable Position Change', 'darkify'), | |
| 352 | + 'text_on' => esc_html__('Enabled', 'darkify'), | |
| 353 | + 'text_off' => esc_html__('Disabled', 'darkify'), | |
| 354 | + 'text_width' => '100', | |
| 355 | + 'desc' => esc_html__('Allow/Disallow users to change the floating switch position by dragging to where they want.', 'darkify'), | |
| 356 | + 'class' => 'switcher_pro_only', | |
| 357 | + ), | |
| 720 | 358 | |
| 721 | - 'title_help' => | |
| 722 | - '<div class="darkify-info-label">' . | |
| 723 | - __('Customize default margin from the top right of the Floating Switch.', 'darkify') . | |
| 724 | - '</div>' . | |
| 725 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 726 | - __('Live Demo', 'darkify') . | |
| 727 | - '</a>' . | |
| 728 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 729 | - __('Open Docs', 'darkify') . | |
| 730 | - '</a>', | |
| 359 | + array( | |
| 360 | + 'type' => 'heading', | |
| 361 | + 'content' => esc_html__('Advanced Customization', 'darkify'), | |
| 362 | + ), | |
| 731 | 363 | |
| 732 | - 'left' => false, | |
| 733 | - 'bottom' => false, | |
| 734 | - 'units' => ['px'], | |
| 735 | - 'default' => array( | |
| 736 | - 'top' => '40', | |
| 737 | - 'right' => '40', | |
| 738 | - ), | |
| 739 | - 'dependency' => array('dark_mode_switch_position', '==', 'top_right'), | |
| 740 | - ), | |
| 741 | - array( | |
| 742 | - 'id' => 'switch_position_top_left', | |
| 743 | - 'type' => 'spacing', | |
| 744 | - 'title' => esc_html__('Margin from Top Left', 'darkify'), | |
| 745 | - 'title_help' => | |
| 746 | - '<div class="darkify-info-label">' . | |
| 747 | - __('Customize the default margin from the top-left position of the floating switch.', 'darkify') . | |
| 748 | - '</div>' . | |
| 749 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 750 | - __('Live Demo', 'darkify') . | |
| 751 | - '</a>' . | |
| 752 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 753 | - __('Open Docs', 'darkify') . | |
| 754 | - '</a>', | |
| 364 | + array( | |
| 365 | + 'id' => 'switch_width_height', | |
| 366 | + 'type' => 'dimensions', | |
| 367 | + 'title' => esc_html__('Floating Switch Size', 'darkify'), | |
| 368 | + 'desc' => esc_html__('Customize the Selected Switch Design in Your Way.', 'darkify'), | |
| 369 | + 'height' => false, | |
| 370 | + 'default' => array( | |
| 371 | + 'width' => '60', | |
| 372 | + ) | |
| 373 | + ), | |
| 374 | + array( | |
| 375 | + 'id' => 'switch_icon_size', | |
| 376 | + 'type' => 'dimensions', | |
| 377 | + 'title' => esc_html__('Floating Switch Icon Size', 'darkify'), | |
| 378 | + 'desc' => esc_html__('Customize the Selected Switch Icon Size.', 'darkify'), | |
| 379 | + 'height' => false, | |
| 380 | + 'default' => array( | |
| 381 | + 'width' => '50', | |
| 382 | + ) | |
| 383 | + ), | |
| 384 | + array( | |
| 385 | + 'id' => 'switch_border_radius', | |
| 386 | + 'type' => 'spacing', | |
| 387 | + 'title' => esc_html__('Border Radius', 'darkify'), | |
| 388 | + 'desc' => esc_html__('Set the border radius of the Floating Switch in pixel.', 'darkify'), | |
| 389 | + 'all' => true, | |
| 390 | + 'default' => array( | |
| 391 | + 'all' => '7', | |
| 392 | + 'unit' => 'px', | |
| 393 | + ) | |
| 394 | + ), | |
| 395 | + array( | |
| 396 | + 'id' => 'switch_light_mode_bg', | |
| 397 | + 'type' => 'color', | |
| 398 | + 'title' => esc_html__('Switch Background on Light Mode', 'darkify'), | |
| 399 | + 'desc' => esc_html__('Set the background color of the Floating Switch in light mode.', 'darkify'), | |
| 400 | + 'default' => '#121116', | |
| 401 | + ), | |
| 402 | + array( | |
| 403 | + 'id' => 'switch_dark_mode_bg', | |
| 404 | + 'type' => 'color', | |
| 405 | + 'title' => esc_html__('Switch Background on Dark Mode', 'darkify'), | |
| 406 | + 'desc' => esc_html__('Set the background color of the Floating Switch in dark mode.', 'darkify'), | |
| 407 | + 'default' => '#ffffff', | |
| 408 | + ), | |
| 409 | + array( | |
| 410 | + 'id' => 'switch_light_mode_color', | |
| 411 | + 'type' => 'color', | |
| 412 | + 'title' => esc_html__('Switch Icon Color on Light Mode', 'darkify'), | |
| 413 | + 'desc' => esc_html__('Set the color color of the Floating Switch in light mode.', 'darkify'), | |
| 414 | + 'default' => '#ffffff', | |
| 415 | + ), | |
| 416 | + array( | |
| 417 | + 'id' => 'switch_dark_mode_color', | |
| 418 | + 'type' => 'color', | |
| 419 | + 'title' => esc_html__('Switch Icon Color on Dark Mode', 'darkify'), | |
| 420 | + 'desc' => esc_html__('Set the color color of the Floating Switch in dark mode.', 'darkify'), | |
| 421 | + 'default' => '#121116', | |
| 422 | + ), | |
| 423 | + array( | |
| 424 | + 'type' => 'heading', | |
| 425 | + 'content' => esc_html__('Switch Extras', 'darkify'), | |
| 426 | + ), | |
| 755 | 427 | |
| 756 | - 'right' => false, | |
| 757 | - 'bottom' => false, | |
| 758 | - 'units' => ['px'], | |
| 759 | - 'default' => array( | |
| 760 | - 'top' => '40', | |
| 761 | - 'left' => '40', | |
| 762 | - ), | |
| 763 | - 'dependency' => array('dark_mode_switch_position', '==', 'top_left'), | |
| 764 | - ), | |
| 765 | - array( | |
| 766 | - 'id' => 'switch_position_bottom_right', | |
| 767 | - 'type' => 'spacing', | |
| 768 | - 'title' => esc_html__('Margin From Bottom Right', 'darkify'), | |
| 428 | + array( | |
| 429 | + 'id' => 'alternative_dark_mode_switcher', | |
| 430 | + 'type' => 'text', | |
| 431 | + 'title' => esc_html__('Treat an element as switch', 'darkify'), | |
| 432 | + 'desc' => esc_html__('Enter comma-separated CSS class or ID selectors to treat them as dark mode switch.', 'darkify'), | |
| 433 | + ), | |
| 769 | 434 | |
| 770 | - 'title_help' => | |
| 771 | - '<div class="darkify-info-label">' . | |
| 772 | - __('Customize the default margin from the bottom-right position of the floating switch.', 'darkify') . | |
| 773 | - '</div>' . | |
| 774 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 775 | - __('Live Demo', 'darkify') . | |
| 776 | - '</a>' . | |
| 777 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 778 | - __('Open Docs', 'darkify') . | |
| 779 | - '</a>', | |
| 780 | 435 | |
| 781 | - 'left' => false, | |
| 782 | - 'top' => false, | |
| 783 | - 'units' => ['px'], | |
| 784 | - 'default' => array( | |
| 785 | - 'bottom' => '40', | |
| 786 | - 'right' => '40', | |
| 787 | - ), | |
| 788 | - 'dependency' => array('dark_mode_switch_position', '==', 'bottom_right'), | |
| 789 | - ), | |
| 790 | - array( | |
| 791 | - 'id' => 'switch_position_bottom_left', | |
| 792 | - 'type' => 'spacing', | |
| 793 | - 'title' => esc_html__('Margin from Bottom Left', 'darkify'), | |
| 794 | - 'title_help' => | |
| 795 | - '<div class="darkify-info-label">' . | |
| 796 | - __('Customize the default margin from the bottom-left position of the floating switch.', 'darkify') . | |
| 797 | - '</div>' . | |
| 798 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 799 | - __('Live Demo', 'darkify') . | |
| 800 | - '</a>' . | |
| 801 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 802 | - __('Open Docs', 'darkify') . | |
| 803 | - '</a>', | |
| 804 | - | |
| 805 | - 'right' => false, | |
| 806 | - 'top' => false, | |
| 807 | - 'units' => ['px'], | |
| 808 | - 'default' => array( | |
| 809 | - 'bottom' => '40', | |
| 810 | - 'left' => '40', | |
| 811 | - ), | |
| 812 | - 'dependency' => array('dark_mode_switch_position', '==', 'bottom_left'), | |
| 813 | - ), | |
| 814 | - ), | |
| 815 | - ), | |
| 816 | - | |
| 817 | - // Different Switch Position in Mobile | |
| 818 | - array( | |
| 819 | - 'id' => 'different_switch_in_mobile', | |
| 820 | - 'type' => 'fieldset', | |
| 821 | - 'fields' => array( | |
| 822 | - array( | |
| 823 | - 'id' => 'switch_position_different_in_mobile', | |
| 824 | - 'type' => 'switcher', | |
| 825 | - 'title' => esc_html__('Different Switch Position on Mobile', 'darkify'), | |
| 826 | - 'title_help' => | |
| 827 | - '<div class="darkify-info-label">' . | |
| 828 | - __('Choose whether the floating switch should be displayed in a different position on mobile devices.', 'darkify') . | |
| 829 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 830 | - __('Live Demo', 'darkify') . | |
| 831 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 832 | - __('Open Docs', 'darkify') . | |
| 833 | - '</a>', | |
| 834 | - | |
| 835 | - 'text_on' => esc_html__('Yes', 'darkify'), | |
| 836 | - 'text_off' => esc_html__('No', 'darkify'), | |
| 837 | - | |
| 838 | - ), | |
| 839 | - array( | |
| 840 | - 'id' => 'switch_position_in_mobile', | |
| 841 | - 'type' => 'button_set', | |
| 842 | - 'title' => esc_html__('Switch Position on Mobile', 'darkify'), | |
| 843 | - | |
| 844 | - 'title_help' => | |
| 845 | - '<div class="darkify-info-label">' . | |
| 846 | - __('Choose the screen position where the floating switch should be displayed on mobile devices.', 'darkify') . | |
| 847 | - '</div>' . | |
| 848 | - '<a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 849 | - __('Live Demo', 'darkify') . | |
| 850 | - '</a>' . | |
| 851 | - '<a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 852 | - __('Open Docs', 'darkify') . | |
| 853 | - '</a>', | |
| 854 | - | |
| 855 | - 'options' => array( | |
| 856 | - 'bottom_right' => esc_html__('Bottom Right', 'darkify'), | |
| 857 | - 'bottom_left' => esc_html__('Bottom Left', 'darkify'), | |
| 858 | - 'top_right' => esc_html__('Top Right', 'darkify'), | |
| 859 | - 'top_left' => esc_html__('Top Left', 'darkify'), | |
| 860 | - ), | |
| 861 | - | |
| 862 | - 'default' => 'bottom_right', | |
| 863 | - 'dependency' => array('switch_position_different_in_mobile', '==', 'true'), | |
| 864 | - ), | |
| 865 | - array( | |
| 866 | - 'id' => 'switch_position_top_right_in_mobile', | |
| 867 | - 'type' => 'spacing', | |
| 868 | - 'title' => esc_html__('Margin from Top Right on Mobile', 'darkify'), | |
| 869 | - 'title_help' => | |
| 870 | - '<div class="darkify-info-label">' . | |
| 871 | - __('Adjust the default margin from the top-right position of the floating switch on mobile devices.', 'darkify') . | |
| 872 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 873 | - __('Live Demo', 'darkify') . | |
| 874 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 875 | - __('Open Docs', 'darkify') . | |
| 876 | - '</a>', | |
| 877 | - | |
| 878 | - | |
| 879 | - 'left' => false, | |
| 880 | - 'bottom' => false, | |
| 881 | - 'units' => ['px'], | |
| 882 | - 'default' => array( | |
| 883 | - 'top' => '40', | |
| 884 | - 'right' => '40', | |
| 885 | - ), | |
| 886 | - 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|top_right'), | |
| 887 | - ), | |
| 888 | - array( | |
| 889 | - 'id' => 'switch_position_top_left_in_mobile', | |
| 890 | - 'type' => 'spacing', | |
| 891 | - 'title' => esc_html__('Margin from Top Left on Mobile', 'darkify'), | |
| 892 | - 'title_help' => | |
| 893 | - '<div class="darkify-info-label">' . | |
| 894 | - __('Adjust the default margin from the top-left position of the floating switch on mobile devices.', 'darkify') . | |
| 895 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 896 | - __('Live Demo', 'darkify') . | |
| 897 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 898 | - __('Open Docs', 'darkify') . | |
| 899 | - '</a>', | |
| 900 | - | |
| 901 | - 'right' => false, | |
| 902 | - 'bottom' => false, | |
| 903 | - 'units' => ['px'], | |
| 904 | - 'default' => array( | |
| 905 | - 'top' => '40', | |
| 906 | - 'left' => '40', | |
| 907 | - ), | |
| 908 | - 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|top_left'), | |
| 909 | - ), | |
| 910 | - array( | |
| 911 | - 'id' => 'switch_position_bottom_right_in_mobile', | |
| 912 | - 'type' => 'spacing', | |
| 913 | - 'title' => esc_html__('Margin from Bottom Right on Mobile', 'darkify'), | |
| 914 | - 'title_help' => | |
| 915 | - '<div class="darkify-info-label">' . | |
| 916 | - __('Adjust the default margin from the bottom-right position of the floating switch on mobile devices.', 'darkify') . | |
| 917 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 918 | - __('Live Demo', 'darkify') . | |
| 919 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 920 | - __('Open Docs', 'darkify') . | |
| 921 | - '</a>', | |
| 922 | - | |
| 923 | - 'left' => false, | |
| 924 | - 'top' => false, | |
| 925 | - 'units' => ['px'], | |
| 926 | - 'default' => array( | |
| 927 | - 'bottom' => '40', | |
| 928 | - 'right' => '40', | |
| 929 | - ), | |
| 930 | - 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|bottom_right'), | |
| 931 | - ), | |
| 932 | - array( | |
| 933 | - 'id' => 'switch_position_bottom_left_in_mobile', | |
| 934 | - 'type' => 'spacing', | |
| 935 | - 'title' => esc_html__('Margin from Bottom Left on Mobile', 'darkify'), | |
| 936 | - 'title_help' => | |
| 937 | - '<div class="darkify-info-label">' . | |
| 938 | - __('Adjust the default margin from the bottom-left position of the floating switch on mobile devices.', 'darkify') . | |
| 939 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 940 | - __('Live Demo', 'darkify') . | |
| 941 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 942 | - __('Open Docs', 'darkify') . | |
| 943 | - '</a>', | |
| 944 | - | |
| 945 | - 'right' => false, | |
| 946 | - 'top' => false, | |
| 947 | - 'units' => ['px'], | |
| 948 | - 'default' => array( | |
| 949 | - 'bottom' => '40', | |
| 950 | - 'left' => '40', | |
| 951 | - ), | |
| 952 | - 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|bottom_left'), | |
| 953 | - ), | |
| 954 | - ), | |
| 955 | - ), | |
| 956 | - array( | |
| 957 | - 'id' => 'enable_absolute_position', | |
| 958 | - 'type' => 'switcher', | |
| 959 | - 'title' => esc_html__('Absolute Switch Position', 'darkify'), | |
| 960 | - | |
| 961 | - 'title_help' => | |
| 962 | - '<div class="darkify-info-label">' . | |
| 963 | - __('Enable this option to allow the floating switch to scroll along with the page.', 'darkify') . | |
| 964 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 965 | - __('Live Demo', 'darkify') . | |
| 966 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 967 | - __('Open Docs', 'darkify') . | |
| 968 | - '</a>', | |
| 969 | - 'text_on' => esc_html__('Enabled', 'darkify'), | |
| 970 | - 'text_off' => esc_html__('Disabled', 'darkify'), | |
| 971 | - 'text_width' => '100', | |
| 972 | - ), | |
| 973 | - | |
| 974 | - array( | |
| 975 | - 'id' => 'enable_switch_dragging', | |
| 976 | - 'type' => 'switcher', | |
| 977 | - 'title' => esc_html__('Draggable Position Change', 'darkify'), | |
| 978 | - 'title_help' => | |
| 979 | - '<div class="darkify-info-label">' . | |
| 980 | - __('Enable this option to allow users to change the floating switch position by dragging it.', 'darkify') . | |
| 981 | - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'switches/#switcher-positioning" target="_blank">' . | |
| 982 | - __('Live Demo', 'darkify') . | |
| 983 | - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'switcher/#switcher-positioning" target="_blank">' . | |
| 984 | - __('Open Docs', 'darkify') . | |
| 985 | - '</a>', | |
| 986 | - | |
| 987 | - 'text_on' => esc_html__('Enabled', 'darkify'), | |
| 988 | - 'text_off' => esc_html__('Disabled', 'darkify'), | |
| 989 | - 'text_width' => '100', | |
| 990 | - | |
| 991 | - 'class' => 'switcher_pro_only', | |
| 992 | - ), | |
| 993 | - ) | |
| 994 | - ), | |
| 995 | - ) | |
| 436 | + array( | |
| 437 | + 'id' => 'switcher_shortcode', | |
| 438 | + 'type' => 'switcher_shortcode', | |
| 439 | + 'title' => esc_html__('Switcher Shortcode', 'darkify'), | |
| 440 | + 'desc' => esc_html__('Copy this shortcode and put any page or post to show switcher. You will able to customize all value including swtich 1-12 currently available in this version of plugin.', 'darkify'), | |
| 996 | 441 | ), |
| 997 | - ) | |
| 998 | - ) | |
| 442 | + ), | |
| 443 | + ), | |
| 999 | 444 | ); |
| 1000 | 445 | } |
| 1001 | 446 | } |
