Back to Portfolio

RadGnarShred.com

Neon retro alt sports apparel & gear — print-on-demand ecommerce built on WordPress, WooCommerce, and Printful with a fully custom dark theme plugin

Live & accepting orders
Visit Site
radgnarshred.com
RadGnarShred.com homepage screenshot

Overview

RadGnarShred.com is a fully operational print-on-demand ecommerce store selling neon retro alt sports apparel and gear. The store runs on WordPress and WooCommerce, with Printful handling all printing, fulfillment, and shipping — meaning zero inventory, zero warehousing, and automatic order routing from purchase to doorstep.

All design customizations live in a single custom WordPress plugin (radgnarshred-theme) rather than in the theme itself — making the store fully upgrade-safe and keeping all changes version-controlled in one file. The plugin injects the complete dark neon theme via CSS, handles the animated hero slider and infinite marquee, wires up live AJAX cart updates, and applies a full set of WooCommerce hooks for checkout flow, payment messaging, and price formatting.

POD
Zero Inventory
USD / GBP
Multi-Currency
50 US
States Tax Auto
Live
Status

Tech Stack

A production-grade ecommerce stack — WordPress core for content, WooCommerce for commerce, and a curated set of plugins for fulfillment, tax, payments, and compliance.

WordPress
CMS & Site Foundation
WooCommerce
Ecommerce Engine
Printful
Print-on-Demand Fulfillment
Kadence + Blocks
Theme & Page Builder
PayPal PPCP
Payment Gateway
TaxJar
Automated US Sales Tax
WOOCS
USD / GBP Currency Switcher
Custom Plugin (PHP)
All Theme & WC Customizations
Google Shopping
Product Feed & Ads
Reddit & Snapchat Pixels
Ad Conversion Tracking
Cookie Notice
GDPR / UK GDPR Consent
KnownHost Shared
Hosting

Key Features

A fully operational ecommerce store with custom UI, automated fulfillment, tax compliance, and international currency support.

Custom Theme Plugin

  • All customizations in a single radgnarshred-theme.php plugin — theme is never edited directly
  • Neon retro dark UI: black bg, cyan #4DDFFF, pink #FF3EAD, gold #FFD700
  • Bebas Neue font via Google Fonts throughout
  • Full WooCommerce checkout dark theme — classic and block checkout
  • Fully upgrade-safe: Kadence theme updates never overwrite customizations

Animated Homepage

  • Hero slider: 2 slides rotating every 5 seconds with fade animation and dot navigation
  • Slide 1: right-aligned headline with Shop CTA; Slide 2: left-aligned with launch promo code
  • "Most Popular" infinite horizontal marquee — 40s loop, pauses on hover
  • Product cards at 220px with centered full-width Add to Cart buttons
  • Promo section with dark purple bg, pink borders, and dual CTAs

Print-on-Demand Fulfillment

  • Printful integration — all products printed and shipped on order
  • Zero physical inventory required
  • Printful handles tax remittance in states where they have economic nexus
  • Shipping policy covers Printful fulfillment times and UK VAT
  • Products sync automatically between Printful and WooCommerce

Cart & Checkout

  • Live cart badge via WooCommerce AJAX fragments — updates without page reload
  • Mobile cart icon outside hamburger drawer, hidden in nav on desktop
  • Classic shortcode checkout (block checkout had JS mount conflict with Kadence)
  • "No PayPal account needed" info box at checkout
  • Card icons (Visa, Mastercard, Amex, Discover, PayPal) injected at gateway
  • Button text changed to "Proceed to Payment" via WooCommerce hook

Tax & Currency

  • TaxJar plugin: automated sales tax rates for all 50 US states
  • Tax calculated based on customer shipping address at checkout
  • WOOCS plugin: USD / GBP currency switching
  • Custom price format filter at PHP_INT_MAX to override WOOCS's internal wc_price()
  • Prices displayed exclusive of tax; itemized at checkout

Compliance & Legal

  • Cookie Notice plugin: GDPR / UK GDPR consent bar, pink/black branded
  • Privacy Policy, Refund & Returns Policy (includes UK 14-day cancellation right)
  • Terms & Conditions and Shipping Policy pages
  • T&C linked at WooCommerce checkout
  • UK VAT note in shipping policy for international buyers

Technical Highlights

The non-obvious engineering decisions behind a production WooCommerce store.

Single-File Custom Plugin Architecture

Rather than using a child theme (which ties customizations to a specific theme version) or editing Kadence directly, all custom CSS and PHP hooks live in a single plugin file: radgnarshred-theme.php. The plugin injects CSS via wp_head at priority 999 (after all other styles) and registers every WooCommerce and theme hook needed. This means Kadence can be updated to any future version without touching the customizations, and the entire custom layer can be deployed or rolled back by copying a single file via SCP.

PayPal PPCP Guest Checkout Workaround

PayPal's inline card fields (FUNDING.CARD) require ACDC (Advanced Card Processing) approval, which is not available on this account. The standard PayPal Smart Button iframe handles card payments through its popup — but this is invisible to customers who don't realise they can pay without a PayPal account. The solution: a custom woocommerce_review_order_before_submit hook injects a styled cyan info box reading "No PayPal account needed — pay with card inside the PayPal checkout" directly above the payment button. A second hook pre-fills the customer's billing email into the PayPal order request to reduce friction in the popup.

WOOCS Price Format Override

The WOOCS currency switcher plugin wraps WooCommerce's wc_price() function internally — meaning standard woocommerce_price_format filters don't always fire when WOOCS renders prices. Fixing the currency symbol display required filtering both woocommerce_price_format AND wc_price_args at PHP_INT_MAX priority, ensuring the custom format runs after WOOCS's own filters regardless of load order. This approach also means the fix survives WOOCS plugin updates without modification.

AJAX Cart Fragment for Live Badge

The cart icon in the nav displays a live item count badge that updates immediately when a product is added to cart — without a page reload. This uses WooCommerce's woocommerce_add_to_cart_fragments hook: the plugin registers a PHP function that returns the updated badge HTML keyed to a CSS selector. WooCommerce's built-in cart fragments script picks this up after every add-to-cart AJAX call and swaps the badge in the DOM. The badge is a pink pill that's hidden via CSS when the count is zero, eliminating the empty badge flash on page load.

Infinite Marquee Without a Library

The "Most Popular" section runs as a seamless infinite horizontal scroll — the full product list duplicated side-by-side, animated with a CSS @keyframes translate. The trick to seamless looping: both copies of the product list are identical, and the animation translates exactly 50% of the total width (one full set) before resetting to 0 — making the loop invisible to the viewer. The animation pauses on hover via animation-play-state: paused, letting users stop and read product names. No JavaScript or third-party library required.

UK & EU Compliance Out of the Box

The store ships internationally and needed to satisfy both US and UK/EU consumer law. The Refund and Returns Policy explicitly includes the UK 14-day cancellation right required by the Consumer Contracts Regulations. The Shipping Policy includes a UK VAT note. Cookie consent is handled by the Cookie Notice plugin with a branded bottom bar. The TaxJar integration handles US state sales tax automatically — and because Printful has economic nexus in many states, Printful remits tax directly in those jurisdictions, simplifying the store's own tax obligations.

What This Project Demonstrates

WooCommerce Customization
Deep hook knowledge — checkout flow, payment gateway, price formatting, cart fragments, and block vs. classic fallback
Plugin Architecture
All customizations in a single upgrade-safe plugin — deployed via SCP, rolled back in seconds
Ecommerce Operations
End-to-end store setup — fulfillment, payment, tax automation, multi-currency, compliance, and ad pixels
CSS Animation
Hero slider and infinite marquee built with pure CSS keyframes — no JavaScript library required
Third-Party Integration
Printful, PayPal PPCP, TaxJar, WOOCS, Google Shopping, Reddit and Snapchat pixels — all coordinated in one store
International Compliance
UK consumer law, GDPR cookie consent, VAT disclosure, and automated US state sales tax via TaxJar

Need an Ecommerce Store?

From WooCommerce setup to custom plugin development — we build online stores that are built to scale.

Visit the Store Get In Touch