‘;
}
?>
“`

Then enqueue a tiny JavaScript to render the timer:

“`php
wpenqueuescript(
‘sale-countdown’,
getstylesheetdirectory_uri() . ‘/js/sale-countdown.js’,
array(‘jquery’),
‘1.0’,
true
);
“`

2.4 Harness the Gutenberg Block Editor

Since WooCommerce 5.0, many store elements are block‑compatible:

Pro tip: Use the WooCommerce Blocks plugin to unlock additional blocks like “Featured Product” or “Best‑Selling Products.” Combine them with Reusable Blocks for consistent design across pages.

2.5 Styling with Modern CSS Techniques

“`css
.products .product {
display: grid;
grid-template-rows: auto 1fr auto;
gap: 0.5rem;
}
“`

Leverage SASS/SCSS in your build process (via `npm run dev`) to keep styles modular and maintainable.

—

3. Extending Functionality: Plugins, Hooks, and Custom Code

3.1 Understanding WooCommerce’s Hook System

WooCommerce is built on actions and filters—the same WordPress API. Mastering them lets you add features without touching core files.

| Hook Type | Example | Use Case |
|———–|———|———-|
| `woocommercebeforeshop_loop` | Action | Insert promotional banner above product listings |
| `woocommerceproductget_price` | Filter | Apply dynamic pricing logic |
| `woocommercecheckoutprocess` | Action | Validate custom checkout fields |

Actionable snippet: Add a “Minimum Order Quantity” validation.

“`php
addaction( ‘woocommercecheckout_process’, function() {
$min_qty = 5;
foreach ( WC()->cart->getcart() as $cartitem ) {
if ( $cartitem[‘quantity’] < $minqty ) {
wcaddnotice( sprintf( ‘You must purchase at least %d of %s.’, $minqty, $cartitem[‘data’]->get_name() ), ‘error’ );
}
}
} );
“`

3.2 Must‑Have Extensions for Every Store

| Extension | Primary Benefit | Typical Use |
|———–|—————-|————-|
| WooCommerce Subscriptions | Recurring payments | Memberships, SaaS |
| WooCommerce Bookings | Appointment scheduling | Services, rentals |
| WooCommerce Product Add‑Ons | Custom options (engraving, gift wrap) | Personalization |
| WooCommerce Stripe Gateway | Seamless credit‑card processing | Global payments |
| WooCommerce PDF Invoices | Automated invoicing | B2B compliance |

Most extensions follow the same plugin architecture: they register new post types, add meta boxes, and hook into checkout processes.

3.3 Building a Custom Plugin from Scratch

When functionality grows beyond a few snippets, encapsulate it in a standalone plugin.

Folder structure:

“`
my-custom-woo/
│─ my-custom-woo.php
│─ includes/
│ ├─ class-price-modifier.php
│ └─ class-shipping-rules.php
│─ assets/
│ ├─ js/
│ └─ css/
“`

`my-custom-woo.php` bootstrap:

“`php
<?php
/**
* Plugin Name: My Custom WooCommerce Extensions
* Description: Custom pricing & shipping logic for MyStore.
* Version: 1.0.0
* Author: Your Name
*/

if ( ! defined( ‘ABSPATH’ ) ) exit; // Prevent direct access

// Autoload classes
splautoloadregister( function( $class ) {
$file = DIR . ‘/includes/’ . strtolower( str_replace( ‘\’, ‘/’, $class ) ) . ‘.php’;
if ( file_exists( $file ) ) {
require $file;
}
} );

// Initialize main classes
addaction( ‘pluginsloaded’, function() {
new MyStorePrice_Modifier();
new MyStoreShipping_Rules();
} );
“`

Now each class can hook into WooCommerce independently, keeping code clean and testable.

3.4 Leveraging the REST API for Headless Front‑Ends

WooCommerce ships with a robust REST API (`/wp-json/wc/v3/`). Use it to:

Quick example: Fetch all products with cURL.

“`bash
curl -X GET “https://example.com/wp-json/wc/v3/products”
-u consumerkey:consumersecret
“`

When building a headless store, you’ll often need JWT authentication or OAuth 1.0a for secure write operations (order creation, cart updates). The WooCommerce JWT Authentication plugin simplifies token handling.

—

4. Performance & Security: Keeping Your Store Fast and Safe

4.1 Speed Optimizations

| Technique | How to Implement | Expected Impact |
|———–|——————|—————–|
| Object Caching (Redis/Memcached) | Add `define(‘WPREDISHOST’, ‘127.0.0.1’);` in `wp-config.php` and install the Redis Object Cache plugin. | Reduces DB queries for product lookups |
| Image Optimization | Use ShortPixel or Imagify to serve WebP. Enable lazy loading (`wplazyloading_enabled`). | Faster page load, lower bandwidth |
| Minify & Combine Assets | Enqueue minified CSS/JS via `wpenqueuescript( ‘my‑script’, gettemplatedirectory_uri() . ‘/js/app.min.js’, [], ‘1.0’, true );` | Fewer HTTP requests |
| Database Cleanup | Schedule `WP-CLI wp wc tool clean` to purge transients and expired sessions. | Smaller DB, quicker queries |
| CDN Integration | Connect Cloudflare or StackPath; enable HTTP/2. | Global latency reduction |

Actionable benchmark: After each optimization, run WP Rocket’s Performance Test and record Time to First Byte (TTFB) and Largest Contentful Paint (LCP). Aim for TTFB < 200 ms and LCP < 2.5 s.

4.2 Security Best Practices

1. Enforce HTTPS – Force SSL on checkout pages (`define(‘FORCESSLADMIN’, true);`).
2. Limit Login Attempts – Use Wordfence or Loginizer to block brute‑force attacks.
3. Restrict REST API Access – Add a filter to disable unauthenticated endpoints:

“`php
addfilter( ‘restauthentication_errors’, function( $result ) {
if ( ! empty( $result ) ) return $result;
if ( ! is