This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
1. Start by creating a new PHP snippet. Paste your custom code into it and set it to run "everywhere". | |
2. Create a text field, set the type to "tel", and name the form field "phone". | |
3. Create a select field, set it to "manual input" (do not add any options), and name the form field "country". | |
4. Create a hidden field named "full_phone_number" for storing the full phone number. | |
5. Create another hidden field named "full_country_name" for storing the full country name. | |
6. Add both hidden fields to the "Post Submit Action" section under "Content". | |
7. Update the page slug name to the specific page where you have added the form. For instance, if | |
the current page slug name is "contact", change it to match the URL of the page where the form is placed. | |
8. Finally, register for an account at https://ipinfo.io/signup ,to obtain a token key. Then, | |
integrate the token into your fetch request as follows: fetch('https://ipinfo.io?token=YOUR_TOKEN_KEY_HERE'). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Introducing Enhanced Message Display for JetEngine Forms: Our new code dynamically relocates success and error messages | |
to the top area, providing clearer feedback for users. You can easily style the message container using the | |
provided class name, 'display-message', or customize it to suit your design preferences. | |
Simply integrate the code into your Elementor form, add a headline or container with the same class name, | |
and adjust the styling directly within the code. Success messages are displayed in green, while errors appear in red, | |
ensuring clear visibility and easy customization. | |
Add this code to your site by creating a new HTML snippet in your snippet plugin. | |
Simply paste the code there and save it. | |
________________________________________________________ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this code to your site by creating a new PHP snippet in your snippet plugin. | |
Simply paste the code there and save it | |
____________________________________________________________________ | |
function custom_cart_visibility_script() { | |
?> | |
<style> | |
/* Initially hide the cart count to prevent it from showing 0 before JS checks */ | |
.jet-blocks-cart__count { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
See tutorial here: https://www.youtube.com/watch?v=TJ-2EN4tws8 | |
_______________________________________________________________ | |
<style> | |
.container { | |
position: relative; | |
max-width: 320px; | |
width: 100%; | |
margin: 80px auto 30px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this code to your snippet plugins, and create a HTML snippet and paste the code there, dont forget to set it to Footer. | |
Watch the tutorial here: https://www.youtube.com/watch?v=0kopy4pBMEY | |
_______________________________________________________- | |
<style> | |
#customOverlay { | |
position: fixed; | |
top: 100%; /* Initially set the top to 100% */ | |
left: 0; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this code to your snippet plugin, and create a new HTML snippet, and paste the code there and save it. | |
Note: Before implementing the code, verify that the form field name in your Jetformbuilder form is my_number. Should your form field bear a different name, you'll need to replace number throughout the code with the correct name. Alternatively, setting your form's number field name to my_number simplifies the process, removing the need for any code adjustments. Once the code is ready, copy it to your snippet plugin, create a new HTML snippet, and paste the code therein. Ensure to set this snippet to load in the footer through your snippet plugin settings. Additionally, this code references the form field name my_number in the CSS. If you alter the form field name, remember to update the CSS selectors accordingly to maintain consistency and functionality. | |
Jetformbuilder Number Field Custom Responsive Quantity Control offers a sleek, modern solution for Jetformbuilder forms, | |
featuring custom plus and mi |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this snippet code to your snippet plugins. Create a HTML snippet, and paste in the code and save it. | |
Elevate your JetSmartFilters experience by converting traditional checkboxes list filters into modern, | |
intuitive switcher buttons. This comprehensive guide walks you through the process of integrating sleek toggle switches, | |
significantly improving the user interface and interaction on your WordPress site. Discover practical CSS and JavaScript | |
techniques to transform your filters, making your website not only more aesthetically pleasing but also enhancing usability. | |
Ideal for web developers and WordPress enthusiasts looking to modernize their site's filtering system with a stylish, | |
user-friendly approach. | |
__________________________________________________________________________________ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this snippet code to your snippet plugins. Create a HTML snippet, and paste in the code and save it. | |
Elevate your JetSmartFilters experience by converting traditional radio filters into modern, | |
intuitive switcher buttons. This comprehensive guide walks you through the process of integrating sleek toggle switches, | |
significantly improving the user interface and interaction on your WordPress site. Discover practical CSS and JavaScript | |
techniques to transform your filters, making your website not only more aesthetically pleasing but also enhancing usability. | |
Ideal for web developers and WordPress enthusiasts looking to modernize their site's filtering system with a stylish, | |
user-friendly approach. | |
__________________________________________________________________________________ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add the code to your snippet plugins, create a new js, javascript snippet, paste the code there and save it. | |
This script significantly improves the interaction with JetFormBuilder forms by automatically scrolling the | |
browser window to show success or error messages following a form submission. It is compatible with both AJAX and | |
traditional page reload submission methods. Regardless of the submission type, the script ensures the feedback | |
messages are immediately brought into view, smoothly guiding users to see their form submission outcome. | |
________________________________________________________________________________________ | |
jQuery(document).ready(function($) { | |
function scrollToMessage() { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Paste this code to your snippet plugins. Create a new snippet and select js, javascript, and paste in this code and save it. | |
This script optimizes JetSmartFilters' Date Range picker for touch devices by preventing the virtual keyboard from displaying | |
on mobile and tablet screens. It sets Date Range fields to readonly, allowing users to select dates through the touch-friendly | |
picker without keyboard interference. Ideal for enhancing user experience in JetSmartFilters implementations, | |
it ensures smooth and focused date selection on touch-enabled devices. | |
________________________________________________________________ | |