Redirect draft posts to a URL instead of 404
This tutorial shows you how to redirect draft WordPress posts to a specific 301 URL instead of the standard 404 Not Found.
Disable a Button until Checkbox is Ticked in WordPress
Create a confirm-before-click checkbox for any button on your WordPress site. The button will be disabled until the checkbox is ticked.
Hide Checkout Items Based on Shipping Method
A copy-and-paste tutorial that details how to hide/show elements on the WooCommerce checkout, depending on shipping method.
WooCommerce Checkout Labels in the Input Fields
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.
Reusable JavaScript Click-to-Copy
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.
Create a WordPress Accordion without a Plugin
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.
WooCommerce Single Product Image Gallery Grid
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 Links to WordPress Posts
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.
Create a WordPress Popup Without a Plugin
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.
WooCommerce Shipping Methods as a Dropdown List
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.
Ajax Login for WordPress Without a Plugin
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.
Checkout Address Autocomplete Without a Plugin
Learn how to create an address search with auto-complete for your WooCommerce checkout page, using the Google Places API.
Upvote and Downvote WordPress Posts
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.
Autocomplete Search Pop-up for WordPress
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 Theme
Add a notification top bar to your custom child theme without using a plug-in. Supports multiple languages and has a Close/Dismiss button.