OATS Africa FSE Theme Blocks

Beschreibung

OATS Africa FSE Theme Blocks provides the editorial Gutenberg blocks (hero, product card,
journal grid, testimonials, team grid, newsletter signup, and more) used throughout the OATS
Nova theme, along with the WooCommerce cart icon, cart drawer, and checkout shortcodes that
support it.

This plugin is designed as a companion to the OATS Nova theme. The blocks themselves will work
with any block theme, though their default styling is tuned to match OATS Nova’s editorial
visual style.

Note: the product, cart, and checkout features require WooCommerce to be active. The content
blocks (hero, journal grid, testimonials, team grid, etc.) work independently of WooCommerce.

Blöcke

Dieses Plugin bietet 47 Blöcke.

  • Hero Cinematic Full-screen cinematic hero with video or image background, eyebrow text, large editorial heading, and CTAs.
  • Dual Journey Side-by-side editorial cards. Used for 'The Journey' section pairing Our Philosophy with The Experience.
  • Journal Grid Editorial journal/article card grid with image, category, read time, title, excerpt, date and a Load More button. Pairs with the Journal Filter Bar.
  • Story Layout Sticky-image split layout with scrolling text, an optional full-width video, and a bottom CTA — ideal for About / Our Story pages.
  • Product Card Editorial product card with image, italic name, notes, price and Buy Now CTA. Used for hero product, gift sets, scent display.
  • Custom Gifting Editorial callout for customized gifting — weddings, events, and intentional gatherings.
  • Contact Hero A flexible contact hero section — split image/content, full-bleed overlay, or simple text layout.
  • Founder Note Personal letter from the founder with flexible, reorderable text elements.
  • Contact Us A two-column contact section with a form on the left and contact information on the right.
  • Product Grid Editorial product grid container. Holds Product Card blocks in a configurable column layout.
  • Product Description Editorial product description section with headline, body copy, and numbered usage steps. Place inside the Product Block slot before related products.
  • Image Hero Full-viewport hero with a background image, dark overlay, eyebrow label, large heading, and a CTA button.
  • Experience Steps Numbered editorial steps with large numerals, titles, and descriptive copy. Used for The Experience or How To sections.
  • Shop Block WooCommerce shop layout with sidebar category filters, sort bar, and responsive product grid.
  • Product Category Category section that groups a heading, optional description, and a Product Grid.
  • Scent Finder CTA Conversion-focused call-to-action that guides visitors to discover their scent.
  • Coming Soon Tile Blurred teaser tile for upcoming experiences or unreleased products.
  • Newsletter Circle Editorial email signup framed as joining a circle. Visual form only.
  • Page Intro Page header with flexible, reorderable text elements.
  • Story Paragraph Long-form editorial paragraph with optional eyebrow, sub-heading and drop cap.
  • Product Preorder Connects to a WooCommerce product (or collection of products) and renders a preorder section with countdown, product details pulled live from WooCommerce, and a working add-to-cart button. Supports InnerBlocks for rich description content.
  • Team Grid A grid of team member cards with avatar, name, role, and specialty.
  • Contact Map Embed a Google Map or OpenStreetMap with a search query or custom embed URL.
  • Scent Collection Editorial display of the scent collection. Each scent with image, number, name, mood keywords.
  • Brand Story Centered brand mission section with eyebrow, heading, body, subheading, CTA button, and an image gallery.
  • Journey Statement Editorial statement block with optional eyebrow, large body paragraph, italic emphasis and CTA. Used for brand storytelling.
  • FAQ Section A flexible FAQ section with optional side panel, accordion items, and full style controls.
  • Section Divider Subtle horizontal rule with optional ornament between sections.
  • Scroll Marquee Bold horizontal scrolling text marquee for section dividers and visual rhythm.
  • Value Pillars Horizontal grid of brand value pillars with title + supporting line. Minimal and editorial.
  • Journal Filter Bar Sticky pill-style category filter bar. Pairs with the Journal Grid block to filter articles by category.
  • Contact Block Editorial contact section with details and a visual message form.
  • Form Placeholder A styled wrapper for a contact form. Drop your form plugin block (WPForms, Fluent Forms, etc.) inside.
  • Quote Feature Large editorial pull quote with attribution. Used for brand quotes or literary references.
  • Mini Hero A full-width banner with a background image, dark overlay, heading, optional subtext, and a CTA button. Height and content width are flexible.
  • Testimonials Rail Editorial customer testimonials shown as a horizontal scrollable rail with quote, name and location.
  • Announcement Bar A thin promotional bar at the very top of the site (e.g. "Free shipping on US orders").
  • Contact Info Grid A responsive grid of contact info items.
  • Product Block WooCommerce single product layout with image gallery, add-to-cart, tabs and related products.
  • Logo Wall An infinite-scrolling logo marquee. Add logos, control speed, direction, grayscale, and all visual styles.
  • Product Showcase Flexible product grid with per-item grid positioning and vertical offset for staggered layouts.
  • Content Media Two-column layout with rich text content on one side and an image or looping video on the other.
  • Scent Quiz Interactive multi-question quiz that scores answers and reveals a matched result.
  • FAQ Accordion Editorial FAQ list with expandable answers.
  • Gift Set Callout Premium gift set or bundle callout. Editorial layout with image and price.
  • Image Text Two-column layout with an image on one side and rich text content on the other, with an optional overlap effect.
  • Product Grid 2 A responsive product grid with a section heading and view-all link. Add Product Card blocks inside.

Installation

  1. Upload the plugin files to the /wp-content/plugins/oats-africa-fse-theme-blocks directory,
    or install the plugin directly through the WordPress Plugins screen.
  2. Activate the plugin through the „Plugins“ screen in WordPress.
  3. Find the blocks under the „OATS“ category in the block inserter.

FAQ

Does this plugin require the OATS Nova theme?

No. The blocks and shortcodes work with any theme, though they’re styled to match OATS Nova.

Does this plugin require WooCommerce?

Only for the product-related blocks and the cart/checkout shortcodes. Every other block works
without it.

Rezensionen

Zu diesem Plugin liegen noch keine Rezensionen vor.

Mitwirkende und Entwickler

„OATS Africa FSE Theme Blocks“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

Änderungsprotokoll

1.1.0

  • Added the full WooCommerce preorder system (moved here from the OATS Nova theme, since order-status, cron, and email logic is plugin territory, not theme territory): product-level preorder fields, a dedicated preorder checkout page, cart guard against mixing preorder/regular items, a „Pre-order Dispatched“ order email, and a daily auto-release cron job.

1.0.1

  • Fixed text domain: replaced ’nova‘ with ‚oats-africa-fse-theme-blocks‘ across all translation calls, block.json files, and editor scripts.
  • Fixed inline CSS output in product-block to use wp_add_inline_style() instead of a raw tag.
  • Renamed internal constants from NOVA_BLOCKS_* to OATS_BLOCKS_*.
  • Updated block inserter category label from „Nova“ to „OATS“.
  • Updated Contributors list in readme.txt.

1.0.0

  • Initial release.