Reconfigure the WooCommerce checkout fields so the placeholder labels are inside the field inputs. These compact placeholder labels will resize, depending on whether the fields contain data and/or have input focus.
Add click-to-copy JavaScript functionality to any WordPress site. Use it with any element (or WordPress block) just by setting a CSS class name. It’s ultra-lightweight and should work with page builders too.
Learn how to create a lightweight JavaScript accordion for WordPress blocks without installing a plugin. It’s an easy-to-follow tutorial and the code can be customised to fit into your projects.
Change the WooCommerce single product image gallery into a grid layout, where the featured image and gallery thumbnails all the same size. For variable products, the top-left image is dynamic… so it shows the image of the selected product variation.
Add share-to-social network links to any WordPress content without installing a plugin. We’ll use some simple PHP to hook the content and inject the links & icons. It’s easy to customise and to add more networks of your own.
Learn how to build a configurable popup module you can use in multiple projects. Configurable and extendable, with multiple display methods and no JavaScript dependencies.
Convert the WooCommerce checkout shipping methods to a drop-down list, or pill-style buttons. It’s copy-and-paste code and you can customise it for your store’s specific needs.
Create a popup menu with an Ajax login form so users can sign in to your WordPress site without leaving the current page. A neat little User Experience enhancement.
Learn how to create an address search with auto-complete for your WooCommerce checkout page, using the Google Places API.
In this tutorial we’ll build upvote and downvote buttons that can be added to any post or excerpt. We’ll start with a requirement specification, break down the components we need, and then code it.
Extend the search box on your WordPress website with an autocomplete pop-up. Customise the suggested search results to suit your content.
Add a notification top bar to your custom child theme without using a plug-in. Supports multiple languages and has a Close/Dismiss button.