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.
Fix SEO Warnings about H1 Title Being Too Short
Learn how to fix SEO warnings about the H1 title being too short for WooCommerce product pages. Great for when you need a descriptive product title but you don’t want to rename the underlying product.
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.
Animate Search and Text Placeholders
Add text-reveal animations to input, search and text area placeholders on your WordPress site with this short copy-and-paste tutorial. It’s a neat UX enhancement for pages where you want to draw the user’s attention to an input box.
Add a Low-Stock Filter to the WooCommerce Admin Area
In this tutorial, we’ll make a custom “low stock” filter for the WooCommerce products admin table. We’ll also override the “In stock” text (in the Stock column) to say “Low stock” where appropriate.
Share Link to a Draft Post in WordPress
Learn how to create sharing links for Draft Posts in WordPress with some simple PHP code. These links can be used to share draft content with non-logged-in users. We’ll make a small meta box on the Edit Post page too, so it’s super easy to copy the draft post link.
Display Taxonomy Terms in an Indexed List
List taxonomy terms in the style of an index, with permalinks to each of the terms. It’s a customisable and easy-to-use shortcode. Handy for use in sidebars, or as part of a dedicated index page.
Animated WordPress Gallery Links
Turn the regular WordPress gallery block into a series of CSS-animated link-tiles. It’s a fun way to add bling to your site without slowing down the page-load. We’ll set it up so all we need to do is add the “animated-gallery-links” class to any gallery block we want to animate.
Rate-Limit Incoming WordPress API Calls
Create a custom plugin to control how hard your WordPress API gets hit by external clients. Useful if an external client is making too many API calls to your site, and you want to force them to slow down a bit. Retake control of your site’s bandwidth and CPU usage.
Insert Product Price into the Add-to-Cart Button
Insert the selected variation’s price into the add-to-cart button on the WooCommerce single product page with this JavaScript snippet.
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.
Add a custom admin column to the WooCommerce orders table
Learn how to add a custom column to the WooCommerce orders table. This tutorial will add a flag for the order shipping country, and it’s easy to extend with your own custom data.
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 a products column to the WooCommerce admin orders page
Create a new column on the WooCommerce admin orders page so you can see the products in each order. We’ll hook a WordPress filter to modify the list of columns available to the admin orders table. Then we’ll hook an action so we can render the contents of the column on a per-order basis.
Separate WooCommerce login and registration forms
Learn how to split the WooCommerce login and registration forms into two separate URLs without using a plugin. We’ll also make it easy to add custom fields to the registration form, so you can capture things like billing address when new users/customers register.
Troubleshoot and Speed Up WordPress
Learn how to analyse your WordPress pages and make them load faster with these easy-to-follow repeatable techniques. Great for designers and developers.
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.