Directory / plugin
Design Cart Pajax GPL
v1.2.0 · by Paweł Nosko
Animated page transitions with selectable effects, colors, speed, and optional PJAX navigation.
About this plugin
Design Cart Pajax GPL adds animated transitions between WordPress pages. Choose one of six Codrops-inspired effects, set overlay and text colors, and optionally load compatible pages without a full reload.
Features
- Six page transitions: Cielrose, Faint (WebGL), MorphSVG, Bloom, Truus, and Leandra
- Overlay and text colors from the settings screen
- Animation speed from 25% to 200% (100% matches the original timing)
- Optional PJAX for compatible internal links
- Preview of the selected transition in the admin screen
- Automatic fallback to a normal page load for carts, checkouts, accounts, forms, and excluded paths
- MIT-licensed anime.js and Three.js (no GSAP)
WooCommerce cart, checkout, and account pages keep regular navigation. Links marked with data-no-pjax, downloads, anchors on the same page, and the browser Back/Forward buttons also use a full load.
Integration
dcpajax:beforeondocument(cancelable):detail.url,detail.current,detail.next. CallpreventDefault()to force a full navigation.dcpajax:afterondocument: fired after content replacement, withdetail.urlanddetail.container.- PHP filter
design_cart_pajax_gpl_allowed: returnfalseto disable PJAX for a page.
Reduced-motion system settings disable animations and link capture. The Faint effect requires WebGL2; without it the plugin uses a normal page load.
Credits
Transition design by Iqbal Muthahhary (Codrops). WordPress integration by Paweł Nosko / Design Cart. Third-party notices are in third-party.txt.