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.
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.
Smooth Scrolling Marquee Text Banner
Create a scrolling text marquee banner, like a news-ticker, for your WordPress site with this copy-and-paste tutorial. Supports scrolling to the right for Arabic languages. No plugins required.
Animated Text-Reveal Effect
Learn how to create an animated text-reveal effect for your WordPress projects. A fun copy-and-paste JavaScript tutorial.
Parallax Scrolling Sprites with Rellax JS
We’re going to use the Rellax JS parallax scrolling library to create the effect of rising bubbles, as the reader scrolls down the page.
Auto-Numbered Headings
Learn how to add automatically-numbered headings for your post content. They can be ascending or descending. It’s a great little tutorial for Top Ten lists.
WordPress Admin Menu Items with Custom URLs
Add custom menu items to the main WordPress admin menu, with whatever URLs you want. Super-handy for linking to external support URLs and custom reports.
Create a Glossary with Rich HTML Tooltips
In this tutorial we’re going to create a glossary for a WordPress site, with rich HTML tooltips controlled by Popper JS, We’ll do this by creating a custom plugin, step-by-step.
Button to show a Random Post
Add a button anywhere in your WordPress site that lets users jump to a random post. Works with any post type and with page caching plugins.
Add GTIN to WooCommerce Product Schema
Fix the “No global identifier provided (e.g. GTIN)” warning from Google Search Console by adjusting the WooCommerce product schema. Works with GTIN, EAN and MPN.
Product Attribute Icons for WooCommerce
Create a strip of product attribute icons and HTML snippets for the WooCommerce single product page. It’s a straightforward copy-and-paste tutorial that’s fully customisable with snippet files and filters, so you can use the same code in multiple projects.
Popup Email Form Without a Plugin
Create a popup email contact form on your WordPress site without installing a plugin. We’ll include a GDPR/privacy consent checkbox, and we’ll rinse messages through Spam Shield to block junk messages.
Multiple WordPress Gallery Effects with Swiper
This tutorial extends the standard WordPress Gallery Block by using Swiper and GLightbox. You can apply different transition effects to your WordPress galleries by adding CSS Classes to the gallery blocks.
Floating Button Tutorial for WordPress
Add an always-on-top floating button to your WordPress site that displays a fully customisable popup panel when clicked. The whole thing will be mobile-first responsive.