This example show how display a QR code on mail submit with Contact Form 7 For first go to the 3rd tab and edit the success message (the first) adding at the end %%[_date]-[_serial_number] (so the message will look like “success message sent %%[_date]-[_serial_number]”) ref. https://wordpress.org/support/topic/show-qr-code-on-successful-submission/
Author: Erik
Since I was first given a Commodore64 as a child my love for the keyboard was more than obvious! I’m Erik and I currently work in my own company in italy, where I am deployed as a fullstack developer (or one man army as you prefer). I have been studying graphics and communication but the curiosity has led me to be involved in all aspects of web design, from design to programming. I am the author/contributor of some plugins and templates for WordPress and WooCommerce, follow me on https://github.com/erikyo
Blog / Contact form 7
CF7 change input value on onChange using jQuery
This example explains how to get a value with jQuery from a select and set another input value dynamically ref. https://wordpress.org/support/topic/most-elegant-way-to-achieve-this/
Blog / Contact form 7
Submit button withdrawal
you can enable the send withdrawal of the form (like in gmail) and abort the submission. Add this code to functions.php ref. https://wordpress.org/support/topic/withdrawal-button/
Blog / Contact form 7
Image preview
This is an example created some times ago for a support question into contact form 7 support forum, but could be very useful in order to show the uploaded images into a form with a input type file. ref. https://wordpress.org/support/topic/image-upload-preview-before-submit/ Example 2 This is another example that check the image size to be less than […]
Blog / Contact form 7
How exclude a day (jQuery datepicker + Contact Form 7)
ref. https://wordpress.org/support/topic/how-to-disable-exclude-specific-day-in-date-picker
Grid Layout
input Number Min Max not working on IOS as expected
ref. ref. https://wordpress.org/support/topic/contact-form-7-number-min-max-not-working-on-ios-as-expected/ Skip this please… it’s only an example for a question on the contact form 7 forum
Quick Start
Theme Setup
WordPress initial configuration After theme install we have some little jobs to do to get it working properly! First, create a menu then assign it into primary navigation (optional) You may want to setup some Widgets into footer. Last but not the least, we need to create the homepage (and optionally upload a featured image). […]
Quick Start
Environment Setup
When I did this theme I thought about my usual workflow… what I consider essential to speed up my development phase. I love gulp to handle template file tasks for each type of file there is a different processing. For example sass files are compiled into css, javascript files are transpiled and minified with uglify […]
Quick Start
Functions and Components
This template include a ton of pre-builded animations, components, functions and an object position observer. Observer Every block-item can be animated easily with the the observer that is used to trigger animations while the object is displayed on the screen. In order to create an “observed” object you need to add interactive under “Advanced” -> […]
Block
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and […]