THIS IS A DEMO STORE, ORDERS WILL NOT BE PROCESSED AND YOU WON'T BE CHARGED. U:Test P:funkytest111@

Workspace – superfunky

April 27, 2025

1477 words | 8 min read.
CustomisationDocumentationPost processingSetupFeatured postGatsbyGraphQLHeadless e-commerceHeadless WooHeadless WordPressTODOSWeb developmentWoocommerceWordpressWork
xtelegramfacebooktiktoklinkedin

1. superfunky – react / wp

1.0. General improvements ✅

Time estimation: 1 day

  • Product card
    • Auto square the images for featured and gallery ✅
    • Small gallery below on the card ✅
    • Mouse over image src effect for card ✅
    • Make cards same height for the ones with attributes ✅
  • Category / tag template – unlock html desc ✅ + add image display for pro cats – shop ✅
  • Post / product templateshow avg. rating based on backend data + json ❗️

1.1. Additional mutations and data

Time estimation: 2-3 days

  • Opinions components
    • Comments / opinions +   = blog post / product – form
    • Display opinions and ratings – render
    • All reviews component shop – revs / blog – comments – TODO: added queries ✅
    • HTMLproblem – needs sanitisation for better protection from the frontend input field ✅
    • Rating – problem needs extra graphQL backend processing ✅

1.2. Translations and localisation

Time estimation: 1 – 2 days

  • Language switch to translations connected page / fallback to home – new feat ✅
  • There is a need to map the slugs into uri in some components for better control from the admin panel – it provides better control over the urls for seo purposes and cleanness. ✅
  • Pagination and generation of blog and shop archives – rebuilt using the components on index page for easier implementation and faster builds ✅
  • Search lang filtration – feature ✅
  • Language filtration – next / prev problem for posts and products ✅ /❗️
  • Problem with dynamic php elements on language switch fe. dynamic plugin map.)❗️
  • Filter out bio + comments by language (needs extra backend processing)❗️

1.3. Login, user account and registration ❗️

Time estimation: 3days – 1 week

  • My account section – improve display and UX ❗️
    • Avatar display ✅ / mutation ❗️,
    • addresses display ✅ / mutation ❗️,
    • orders display ✅ / mutation ❗️,
    • account details display ✅ / mutation ❗️,
    • password reset link
    • Stripe customer portal if mapped in backend – variable ✅ /❗️
  • Password reset from frontend ✅
  • Headless login with google / github – plugin ? – later after MVP ❗️
  • User’s profile pages generated with their data (only public and posts) ❗️
    • Develop platform / social section of the theme allowing users to post ? ❗️

1.4. Taxes, payment methods and shipping – order process ❗️

Time estimation: 2-3weeks – 1 month

Review the order process and add variables for taxes, payment methods and shipping. Develop the graphql queries and data to handle this gracefully as well as solutions for custom cases f.e. free shipping.

This includes coupons, taxes, shipping, payment methods, labels mapping etc.

Debug and develop the order processes to work seamlessly.

❗️Checkout process:

  • coupons ✅
  • shipping countries mapped ✅
  • performance ✅
  • custom shipping rules / countries test ✅- needs revision / errors on foreign countries
  • free shippingcountries ❗️ – bug needs extra setup with free shiping on woo side.
  • bug handling / error handling ✅discord hook for now, separate file and backend endpoint, configured in headless mods plugins settings
  • taxes ❗️/ ✅ – price includes tax, needs some revision also the calculation functions located in utils
  • pass order & user data to stripe – develop stripe endpoints ❗️
  • clean up of code for production ❗️
  • Review the order-recieved endpoint for performance, duplication of order on go back and any edge-cases. ✅ / ❗️
  • add payment / shipping methods display with pricing (added queries for both need to be dynamic select might be better + shipping costs? and update the order data) – after MVP ❗️ ✅❗️
  • multi-currency – after MVP ❗️

1.5 Variables list

Time estimation: 4 days to 1 week work

This post presents all the front-end variables available for mapping broke into smaller chunks.

We need to add explanations to each fields so the users fill them properly as well as null checks in the code for handling empty ones.

  • Header
    • Promo bar – text ✅ 
    • Site logo – image✅ 
    • Is text logo – true / false = ?✅ 
    • Top menu object – json✅ 
    • Has secondary menu?✅ 
    • Secondary menu✅ 
    • UI icons + on / off – json ❗️
  • Contact form
    • Newsletter texts – json ✅ 
    • Contact form texts – json ✅ 
    • Thank you page – json ❗️
    • Autoresponders – requires mailgun + env – json ❗️
  • Sliders + texts ❗️
    • bottom slider data – json | empty = null ✅ 
    • opinion slider – json (todo) | empty = null ❗️
    • products by category slider | empty = null ✅
    • featured post by tag slider | empty = null ✅
  • Footer
    • footer data – json ✅
  • Extra strings ❗️
    • Components ❗️✅
      • Auth ❗️✅
      • Blog ✅
      • Cart ❗️✅
      • Wishlist ✅
      • Reading list ✅
      • Product card / grid ❗️✅
      • Blog card / grid ❗️✅
    • User interface ❗️✅
      • messages ❗️
      • Blog template ❗️✅
      • Product template ❗️✅
      • buttons ❗️✅
    • Account – json ❗️✅
    • Checkout data ❗️
      • all labels ❗️
      • shipping countries ❗️
      • shipping costs ❗️
      • taxes costs ❗️
      • payment methods ❗️
      • create acc ? ❗️
      • diff address ? ❗️
      • coupons ? ❗️
      • BLIK? ❗️
      • extra message (todo) ❗️
    • Order received – json ❗️
  • Cookies ❗️
    • cookies data – json ❗️
  • Misc data
    • Stripe customer portal url – for subscriptions – url ✅ ❗️
    • Featured category slider – text = category slug | empty = null ✅ 
    • Featured post by tag slider – text = tag slug | empty = null – slug is better for special chars problems ✅ 
  • Colors & Fonts – todo ❗️
    • main color dark ❗️
    • text color dark ❗️
    • main color light ❗️
    • text color light ❗️
    • heading font ❗️
      • font 1
      • font 2
      • font 3
    • text font ❗️
      • font 1
      • font 2
      • font 3

Time estimation: around 1 week

Integrate data layer and gtm + advanced cookies data ✅ / ❗️

1.7. SEO ❗️

Yoast SEO full-stack implementation or DYI style metas mapping

Time estimation: 3 days to 1 week work

  • Backend data ❗️
  • Front-end data ❗️

2. Headless mods theme – functions

Time estimation: around 1 week

  1. Deploy badge and dynamic status – admin bar + frontend rebuild ✅
  2. Order Prefix remix ✅
  3. Periodic rebuild + Interval settings ✅
  4. Max file limit 690kb ✅
  5. Custom avatars implementation ✅
  6. Idea: stripe dash link in top admin nav ✅
  7. Front-end domain map
  8. Full redirection of links to frontend domain (previews only allowed) ❗️

3. Headless plugin – extra functions

Time estimation: 3 days to 1 week

  1. Whitelabel login / custom login endpoint ✅
  2. Rate limiting, other security best practices, spam protection etc.(headless-security-plugin) ✅

4. Extras + ideas

Time estimation: 3 days to x month

  • Maps location plugin – GCP required – paid ✅
  • REST API integration of Woo orders and Google sheets with appscript – free / ready. ✅ / ❗️
  • Slack / Discord integration for woo and forms (slack ready with plugin / new plugin or major refactor for discord) – paid / ready ✅ /❗️

MVP – 01.09.2025

After 2025 MVP < 01.09.2025

  • Spotify player with soundtrack ✅ – backend map ❗️
  • Click & sounds UX = on / off + file ❗️
  • Support for virtual / downloadable products (optional future feature) ✅ /❗️- started with downloadable files in orders.
  • Crypto wallet support for payments (future feature ETH / BTC blockchains) ❗️
  • Prism.js syntax highlighting for code fragments (optional future feature) ❗️
  • Documentation & Localisation
  • multi-currency support❗️
  • Idea: products without price will have an ask for product button and a form in a pop-up box. ❗️

Milestones:

  • Finish the MVP v2 for shroom till end of august ❗️IMPORTANT
  • Finish the documentation
  • Remove the need for ACF = move to custom graphql endpoints
  • Art Open migration august start
  • Get polylang pro agency license

GLOBAL DISTRIBUTION < 01.01.2026

Around 4-5 months of production is needed to complete the project with global distribution click to install style. Then for monetisation there are a few options:

  • self-distributed (preffered, from the theme website itself)
  • agencies & freelancers
  • service of implementation
  • envato, themeforest etc. marketplaces

George

Written by George – The theme author, a passionate coder and web developer with years of experience, whose expertise led to the creation of superfunky theme and other various creative IT projects including WordPress plugins and headless, highly complex websites as well as code for custom business solutions and digital arts.

Leave a review

No reviews yet.

Drop us a message

We crate delightful web development projects that stand out with their architecture, design, content and performance.

Stay up to date with our progress.

25 / 7

Tailwind

Tailwind

Swiper

Swiper

Stripe

Stripe

Woo

Woo

WordPress

WordPress

React

React

Gatsby

Gatsby

Netlify

Netlify

Node

Node

PHP

PHP

Github

Github

GA4

GA4

Cookie Consent
We inform you that uses cookies for the proper functioning of our website, as well as for analytical and advertising purposes. Learn more about how we use cookies in our Privacy Policy.