| 1 |
<?php |
| 2 |
/** |
| 3 |
* Page Name: PRO Features |
| 4 |
* |
| 5 |
*/ |
| 6 |
|
| 7 |
defined( 'ABSPATH' ) || exit; |
| 8 |
|
| 9 |
$features_1 = [ |
| 10 |
'share-nodes' => [ |
| 11 |
__( '33 Social Share', 'floating-button' ), |
| 12 |
__( 'Use up to 33 different social sharing services to spread your page content across the internet.', 'floating-button' ), |
| 13 |
], |
| 14 |
'language' => [ |
| 15 |
__( 'Translate', 'floating-button' ), |
| 16 |
__( 'Employ Google Translate to translate your page into a selected language, broadening your audience reach.', 'floating-button' ), |
| 17 |
], |
| 18 |
'exchange' => [ |
| 19 |
__( 'Next, Previous Post', 'floating-button' ), |
| 20 |
__( 'This feature generates intuitive links to subsequent or previous blog posts, providing optimized navigation and a seamless reading experience for your website visitors.', 'floating-button' ), |
| 21 |
], |
| 22 |
'print' => [ |
| 23 |
__( 'Print', 'floating-button' ), |
| 24 |
__( 'Enable users to print the page directly from the website.', 'floating-button' ), |
| 25 |
], |
| 26 |
'arrows-alt-v' => [ |
| 27 |
__( 'Vertical Navigation', 'floating-button' ), |
| 28 |
__( 'This feature enables users to swiftly navigate to either the top or bottom of a webpage, enhancing the overall site usability and providing a more pleasant browsing experience.', 'floating-button' ), |
| 29 |
], |
| 30 |
'ellipsis' => [ |
| 31 |
__( 'Browser History Navigation', 'floating-button' ), |
| 32 |
__( 'This feature allows users to conveniently navigate to the subsequent or preceding URL in their browsing history, provided it\'s available, making for a more seamless and intuitive browsing experience.', 'floating-button' ), |
| 33 |
], |
| 34 |
'sliders fa-rotate-90' => [ |
| 35 |
__( 'Smooth Scrolling', 'floating-button' ), |
| 36 |
__( 'Enables a seamless and efficient journey to any chosen element on your webpage', 'floating-button' ), |
| 37 |
], |
| 38 |
'user-pen' => [ |
| 39 |
__( 'User Navigation Links', 'floating-button' ), |
| 40 |
__( 'Features tailored integrations for essential user navigation paths, such as LogIn, LogOut, Register, and Lostpassword.', 'floating-button' ), |
| 41 |
], |
| 42 |
'thumbs-up fa-flip-horizontal' => [ |
| 43 |
__( 'Like Button', 'floating-button' ), |
| 44 |
__( 'Empowers users by providing them with the option to express their admiration for your posts via "Like" button.', 'floating-button' ), |
| 45 |
], |
| 46 |
'toggle-on' => [ |
| 47 |
__( 'Scroll-Controlled Display', 'floating-button' ), |
| 48 |
__( 'Utilize the power of user scroll behavior to manage the visibility of your buttons. This attribute empowers you to designate specific scroll positions where your buttons will unveil or vanish.', 'floating-button' ), |
| 49 |
], |
| 50 |
'stopwatch-20' => [ |
| 51 |
__( 'Timout Display', 'floating-button' ), |
| 52 |
__( 'Set up a countdown in seconds, upon completion of which your buttons will reveal or disappear.', 'floating-button' ), |
| 53 |
], |
| 54 |
'file' => [ |
| 55 |
__( 'Page-Click Sub-Button Hiding', 'floating-button' ), |
| 56 |
__( 'Experience cleaner and more efficient page navigations through our Page-Click Sub-Button Hiding feature. This component works by ensuring instantaneous closing of all active sub-buttons when any part of the page is clicked by users.', 'floating-button' ), |
| 57 |
], |
| 58 |
'circle-dot' => [ |
| 59 |
__( 'Sub-Button Click Hiding', 'floating-button' ), |
| 60 |
__( 'Particularly useful for single-page navigation menus, this feature allows you to auto-hide sub-buttons upon clicking them. This ensures a seamless user experience by preventing the screen from getting crowded with open sub-buttons after they\'ve been selected.', 'floating-button' ), |
| 61 |
], |
| 62 |
'eye-slash' => [ |
| 63 |
__( 'Hide Other Buttons', 'floating-button' ), |
| 64 |
__( 'Once activated, this functionality guarantees that selecting the primary button will cause all remaining floating buttons to disappear.', 'floating-button' ), |
| 65 |
], |
| 66 |
|
| 67 |
]; |
| 68 |
|
| 69 |
$features_2 = [ |
| 70 |
'font-awesome' => [ |
| 71 |
__( '2000+ FontAwesome Icons', 'floating-button' ), |
| 72 |
__( 'Plethora of choices to pick the most suitable icon that aligns seamlessly with the aesthetic requirements of their buttons, enhancing visual appeal and user experience.', 'floating-button' ), |
| 73 |
], |
| 74 |
'image' => [ |
| 75 |
__( 'Custom Image', 'floating-button' ), |
| 76 |
__( 'Allows for a greater level of personalization for your buttons by letting you use a custom image as an icon. You are not limited to pre-set icons; instead, you can upload and utilize any image of your choice as the icon for your buttons, enabling you to fully express your brand\'s unique identity and style.', 'floating-button' ), |
| 77 |
], |
| 78 |
'face-smile' => [ |
| 79 |
__( 'Emoji and Symbols', 'floating-button' ), |
| 80 |
__( 'Capability to adorn your buttons with any emoji, HTML symbol, or even integrate a straightforward letter as your button icon, thereby enabling you to infuse visual experiences.', 'floating-button' ), |
| 81 |
], |
| 82 |
'icons' => [ |
| 83 |
__( 'Customizable Icon Classes', 'floating-button' ), |
| 84 |
__( 'Should you prefer to leverage custom icon libraries apart from FontAwesome Free, our plugin introduces the \'Icon Classes\' feature. Making effective use of this functionality, you can identify and establish the class of your chosen icon, allowing seamless incorporation of highly tailored icons into your buttons.', 'floating-button' ), |
| 85 |
], |
| 86 |
|
| 87 |
]; |
| 88 |
|
| 89 |
$features_3 = [ |
| 90 |
'shapes' => [ |
| 91 |
__( 'Shape', 'floating-button' ), |
| 92 |
__( 'Choice of four distinct default shapes - Circle, Ellipse, Square, and Rounded Square. Each one has a unique aesthetic, allowing you to align your buttons with the overall design theme and enhancing your website\'s user interface.', 'floating-button' ), |
| 93 |
], |
| 94 |
'arrows-up-down-left-right' => [ |
| 95 |
__( 'Offsets', 'floating-button' ), |
| 96 |
__( 'Ability to subtly adjust their button\'s location using both positive and negative offset values. The fine-tuned control over horizontal and vertical shifts helps align your buttons perfectly, ensuring a polished, professional appearance and an enhanced user interface.', 'floating-button' ), |
| 97 |
], |
| 98 |
'maximize' => [ |
| 99 |
__( 'Custom Buttons Size', 'floating-button' ), |
| 100 |
__( 'This tool provides users with the capability to independently adjust the dimensions of the main button and the sub-buttons on their website. This feature makes it simple to tailor button sizing to suit unique design requirements or to match existing stylistic choices.', 'floating-button' ), |
| 101 |
], |
| 102 |
'text-height' => [ |
| 103 |
__( 'Custom Tooltip Size', 'floating-button' ), |
| 104 |
__( 'Ability to independently adjust the measurements of your tooltips. No longer are you confined to the default parameters - where the tooltip size is tied to the button size. Now you can precisely control the dimensions of tooltip associate with both main and secondary buttons.', 'floating-button' ), |
| 105 |
], |
| 106 |
'door-open' => [ |
| 107 |
__( 'Hold Tooltip open', 'floating-button' ), |
| 108 |
__( 'Allows you to keep tooltips open upon page load. This functionality ensures that item labels are immediately visible to your website visitors, providing them with required information without any additional interactions. As a result, key content or instructions that you want users to see as soon as they land on the page can be highlighted effectively. This can also reduce the learning curve for navigating your website and improve the overall user experience by instantly directing attention to core elements or features of your page right from the start.', 'floating-button' ), |
| 109 |
], |
| 110 |
'file-code' => [ |
| 111 |
__( 'Extra Style', 'floating-button' ), |
| 112 |
__( 'Achieve even greater control over button aesthetics with the ability to add custom styles to the page.', 'floating-button' ), |
| 113 |
], |
| 114 |
|
| 115 |
]; |
| 116 |
|
| 117 |
$features_4 = [ |
| 118 |
'arrows-spin' => [ |
| 119 |
__( 'Icon Animation', 'floating-button' ), |
| 120 |
__( 'Breathe new life into your site\'s buttons. This capability lets you transform your plain static icons into lively, interactive symbols. Be spoilt for choice with seven distinct options for animations.', 'floating-button' ), |
| 121 |
], |
| 122 |
'wand-magic-sparkles' => [ |
| 123 |
__( 'Main Button Animation', 'floating-button' ), |
| 124 |
__( 'Upgrade your web navigation with engaging visual elements by animating your main button. Choose from an array of 11 distinct animations to heighten the main button\'s visual appeal. This feature could significantly captivate your visitors\' attention and foster a more immersive browsing experience.', 'floating-button' ), |
| 125 |
], |
| 126 |
'swatchbook' => [ |
| 127 |
__( 'Sub-Button Display Animation', 'floating-button' ), |
| 128 |
__( 'With the provision of pre-configured animation options for sub-button unveiling, you can add a dynamic flair to your webpage. While the standard setting renders them with a \'Fade\' effect, this feature enhances customization by offering 8 unique animation styles. This versatile functionality enables you to tailor the sub-button display animation to match your site\'s aesthetics.', 'floating-button' ), |
| 129 |
], |
| 130 |
]; |
| 131 |
$features_5 = [ |
| 132 |
'play' => [ |
| 133 |
__( 'Display Rules', 'floating-button' ), |
| 134 |
__( 'Choose to display or hide the element on specific parts of your site, such as home page, blog page, archive pages, individual posts or pages, custom post types.', 'floating-button' ), |
| 135 |
], |
| 136 |
'tablet-screen-button' => [ |
| 137 |
__( 'Devices Rules', 'floating-button' ), |
| 138 |
__( 'Adjust visibility based on the device the visitor is using, such as desktop or mobile.', 'floating-button' ), |
| 139 |
], |
| 140 |
'users-gear' => [ |
| 141 |
__( 'Users Rules', 'floating-button' ), |
| 142 |
__( 'Control visibility based on the user\'s status. For example, you might show or hide elements depending on whether a user is logged in, what user role they have (like Subscriber, Contributor, Administrator), or even target specific users.', 'floating-button' ), |
| 143 |
], |
| 144 |
'window-maximize' => [ |
| 145 |
__( 'Browsers Rules', 'floating-button' ), |
| 146 |
__( 'This powerful feature allows you to tailor your content to the specific browser your visitor is using. With Browser Rules, you can create unique experiences for users depending on their browser type, such as Chrome, Firefox, Safari, or Edge.', 'floating-button' ), |
| 147 |
], |
| 148 |
'language' => [ |
| 149 |
__( 'Language Rule', 'floating-button' ), |
| 150 |
__( 'If your site is multilingual, you can decide which elements appear for each language.', 'floating-button' ), |
| 151 |
], |
| 152 |
'calendar-days' => [ |
| 153 |
__( 'Schedule', 'floating-button' ), |
| 154 |
__( 'Set the element to appear or disappear during certain timeframes. This can be useful for time-limited offers or seasonal events.', 'floating-button' ), |
| 155 |
], |
| 156 |
]; |
| 157 |
|
| 158 |
?> |
| 159 |
|
| 160 |
<div class="w_block w_has-border"> |
| 161 |
|
| 162 |
<div class="w_block-titles"> |
| 163 |
<div class="w_block-subtitle"><?php esc_html_e( 'what you get', 'floating-button' ); ?></div> |
| 164 |
<h3 class="w_block-title"><?php esc_html_e( 'PRO Features', 'floating-button' ); ?></h3> |
| 165 |
</div> |
| 166 |
|
| 167 |
<div class="w_block-btns"> |
| 168 |
<a href="https://wow-estore.com/item/floating-button-pro/" |
| 169 |
class="w_btn-pro" target="_blank"><?php esc_html_e( 'Get More with Pro', 'floating-button' ); ?></a> |
| 170 |
<a href="https://demo.wow-estore.com/floating-button-pro/" |
| 171 |
class="w_btn-demo" target="_blank"><?php esc_html_e( 'Demo', 'floating-button' ); ?></a> |
| 172 |
</div> |
| 173 |
|
| 174 |
<h4 class="wowp-title"><?php esc_html_e( 'Functionality', 'floating-button' ); ?></h4> |
| 175 |
|
| 176 |
<div class="w_boxes__3-col"> |
| 177 |
|
| 178 |
<?php foreach ( $features_1 as $icon => $text ): ?> |
| 179 |
<div class="w_box"> |
| 180 |
|
| 181 |
<div class="w_card"> |
| 182 |
<figure class="w_card-media"> |
| 183 |
<span class="wowp-icon fas fa-<?php echo esc_attr( $icon ); ?>"></span> |
| 184 |
</figure> |
| 185 |
<div class="w_card-content"> |
| 186 |
<h5 class="w_card-title"><?php echo esc_html( $text[0] ); ?></h5> |
| 187 |
<p class="w_card-description"> |
| 188 |
<?php echo esc_html( $text[1] ); ?> |
| 189 |
</p> |
| 190 |
</div> |
| 191 |
</div> |
| 192 |
|
| 193 |
</div> |
| 194 |
|
| 195 |
<?php endforeach; ?> |
| 196 |
|
| 197 |
</div> |
| 198 |
|
| 199 |
<h4 class="wowp-title has-mt"><?php esc_html_e( 'Icons', 'floating-button' ); ?></h4> |
| 200 |
|
| 201 |
<div class="w_boxes__3-col"> |
| 202 |
|
| 203 |
<?php foreach ( $features_2 as $icon => $text ): ?> |
| 204 |
<div class="w_box"> |
| 205 |
|
| 206 |
<div class="w_card"> |
| 207 |
<figure class="w_card-media"> |
| 208 |
<span class="wowp-icon fas fa-<?php echo esc_attr( $icon ); ?>"></span> |
| 209 |
</figure> |
| 210 |
<div class="w_card-content"> |
| 211 |
<h5 class="w_card-title"><?php echo esc_html( $text[0] ); ?></h5> |
| 212 |
<p class="w_card-description"> |
| 213 |
<?php echo esc_html( $text[1] ); ?> |
| 214 |
</p> |
| 215 |
</div> |
| 216 |
</div> |
| 217 |
|
| 218 |
</div> |
| 219 |
|
| 220 |
<?php endforeach; ?> |
| 221 |
|
| 222 |
</div> |
| 223 |
|
| 224 |
<h4 class="wowp-title has-mt"><?php esc_html_e( 'Customize', 'floating-button' ); ?></h4> |
| 225 |
|
| 226 |
<div class="w_boxes__3-col"> |
| 227 |
|
| 228 |
<?php foreach ( $features_3 as $icon => $text ): ?> |
| 229 |
<div class="w_box"> |
| 230 |
|
| 231 |
<div class="w_card"> |
| 232 |
<figure class="w_card-media"> |
| 233 |
<span class="wowp-icon fas fa-<?php echo esc_attr( $icon ); ?>"></span> |
| 234 |
</figure> |
| 235 |
<div class="w_card-content"> |
| 236 |
<h5 class="w_card-title"><?php echo esc_html( $text[0] ); ?></h5> |
| 237 |
<p class="w_card-description"> |
| 238 |
<?php echo esc_html( $text[1] ); ?> |
| 239 |
</p> |
| 240 |
</div> |
| 241 |
</div> |
| 242 |
|
| 243 |
</div> |
| 244 |
|
| 245 |
<?php endforeach; ?> |
| 246 |
|
| 247 |
</div> |
| 248 |
|
| 249 |
<h4 class="wowp-title has-mt"><?php esc_html_e( 'Animation', 'floating-button' ); ?></h4> |
| 250 |
|
| 251 |
<div class="w_boxes__3-col"> |
| 252 |
|
| 253 |
<?php foreach ( $features_4 as $icon => $text ): ?> |
| 254 |
<div class="w_box"> |
| 255 |
|
| 256 |
<div class="w_card"> |
| 257 |
<figure class="w_card-media"> |
| 258 |
<span class="wowp-icon fas fa-<?php echo esc_attr( $icon ); ?>"></span> |
| 259 |
</figure> |
| 260 |
<div class="w_card-content"> |
| 261 |
<h5 class="w_card-title"><?php echo esc_html( $text[0] ); ?></h5> |
| 262 |
<p class="w_card-description"> |
| 263 |
<?php echo esc_html( $text[1] ); ?> |
| 264 |
</p> |
| 265 |
</div> |
| 266 |
</div> |
| 267 |
|
| 268 |
</div> |
| 269 |
|
| 270 |
<?php endforeach; ?> |
| 271 |
|
| 272 |
</div> |
| 273 |
|
| 274 |
<h4 class="wowp-title has-mt"><?php esc_html_e( 'Display Conditions', 'floating-button' ); ?></h4> |
| 275 |
|
| 276 |
<div class="w_boxes__3-col"> |
| 277 |
|
| 278 |
<?php foreach ( $features_5 as $icon => $text ): ?> |
| 279 |
<div class="w_box"> |
| 280 |
|
| 281 |
<div class="w_card"> |
| 282 |
<figure class="w_card-media"> |
| 283 |
<span class="wowp-icon fas fa-<?php echo esc_attr( $icon ); ?>"></span> |
| 284 |
</figure> |
| 285 |
<div class="w_card-content"> |
| 286 |
<h5 class="w_card-title"><?php echo esc_html( $text[0] ); ?></h5> |
| 287 |
<p class="w_card-description"> |
| 288 |
<?php echo esc_html( $text[1] ); ?> |
| 289 |
</p> |
| 290 |
</div> |
| 291 |
</div> |
| 292 |
|
| 293 |
</div> |
| 294 |
|
| 295 |
<?php endforeach; ?> |
| 296 |
|
| 297 |
</div> |
| 298 |
|
| 299 |
</div> |
| 300 |
|
| 301 |
|
| 302 |
<?php |
| 303 |
|
