GeoDirectory PageBreak – Multi-Step Wizard with Customizable Progress Bars
19,00 €
- Five progress styles: Rainbow, Indeed, Box, Circles, Breadcrumb
- Real-time sync with GeoDirectory Page Break markers
- Mobile-first: vertical timeline on phones, clean bar on desktop
- Ghost Step (optional) for perfect visual balance
- Lightweight & translation-ready, theme-agnostic
Description
Overview
PageBreak turns long GeoDirectory submission forms into guided, multi-step experiences that convert. Pick from five polished progress bars, sync steps automatically from your existing Page Break markers, and deliver a frictionless “Add Listing” flow on any theme.
What you get
- Five premium progress experiences: Rainbow, Indeed, Box, Circles, Breadcrumb
- Zero code setup: reads your
gd-pagebreak-markerlabels - Mobile-first UX: vertical timeline on phones; horizontal bar on desktop
- Ghost Step (optional) for submit/preview balance
- Design controls: palettes, sizes, spacing, subtle shadows
- Lightweight CSS/JS, accessibility-minded, translation-ready
Key features
- Auto-detect steps & labels from GeoDirectory markers
- Per-style palettes and sizing (height, radius, gaps)
- Optional numbering & connecting lines
- RTL-ready; honors reduced-motion preferences
- Multisite-compatible; .pot included
Performance & Accessibility
Minimal footprint, semantic markup, clear focus states, and motion control for sensitive users.
Compatibility
- WordPress + GeoDirectory (modern versions)
- Works with Block, Classic, Elementor, and most popular themes
What’s included
- Plugin ZIP + quick-start guide
- Documentation & examples
- Translation template (.pot)
FAQ
Does it work with my theme? Yes—theme-agnostic.
Can I customize colors? Yes—per-style palettes and size controls.
Is it mobile-friendly? Absolutely—built mobile-first.
## GeoDirectory PageBreak Steps – Changelog
### 0.10.1 – 2025-08-11
* **Admin UI**
* Fixed: “Height bar” row now correctly hides/shows only when **Rainbow** is selected, regardless of table/div/fieldset markup (row container normalized via `findRow()`).
* Synced range/number inputs with clamped values (8–40) and immediate AJAX preview refresh.
* **Detailed bar**
* CSS-only layout fix (no JS changes): each step uses equal width and fills the entire bar, removing the trailing space after **Publish**.
* Centered step content, adjusted number badge (1.6rem), refined description typography and color.
* Forced overrides to inline styles where necessary and removed selector redundancies.
* Responsive tweaks for narrow viewports; centered navigation buttons.
### 0.10.0 – 2025-08-09
* **New style: Indeed vertical wizard**
* New assets: `assets/js/geodir-pagebreak-steps-bar-indeed.js`, `assets/css/geodir-pagebreak-steps-bar-indeed.css`.
* Left-side vertical progress with final **ghost step** (label from `gdpbs_last_label`).
* Step title/description pulled from GD markers (`data-title`, `data-desc`).
* **Centered navigation buttons** and fully responsive layout (breakpoints at 1200/900/600/420px).
* Card uses a **custom box-shadow** for improved visual depth.
* Fonts **inherit** from theme; text contrast improved on dark panel.
* Completed steps are clickable to navigate backward.
* **Core**
* `render_field()` now always outputs `data-title` and `data-desc` (the latter from `frontend_desc`).
* Default field config now includes `frontend_desc`.
* **Detailed bar**
* Fixed: description now displays the “Description/Frontend desc” field and no longer duplicates the label.
### 0.9.3 – 2025-08-06
* **Rainbow Progress Bar (stable)**
* Final visual polish: full-width internal shimmer, neutral border, softer diagonal overlay.
* “Step” labels now centre-aligned under the bar with active/completed states.
* **Admin**
* Fixed select `<id>` + added `unregister_setting()` to guarantee new sanitize callback.
* **Core**
* JS cleans any legacy “box/circles” markup before injecting the rainbow wizard.
### 0.9.2 – 2025-08-06
* **Rainbow wizard** rewritten from box v0.2 logic: step splitting, navigation, client-side validation.
* Dynamic enqueue: only the assets for the chosen style are loaded.
* Added hook `gdpbs:bar-added` for future add-ons.
### 0.9.1 – 2025-08-06
* New admin option **Style → Rainbow bar** (select retained dots option).
* Option sanitize now accepts only `circles` or `rainbow`.
### 0.9.0 – 2025-08-05
* **Assets**
* `geodir-pagebreak-steps-bar-rainbow.css`
* `geodir-pagebreak-steps-bar-rainbow.js`
* Core version bump in main plugin header.
---
### 0.7.0 – 2025-08-04
* **Admin UI refresh**
* New `/admin/` folder with dedicated `GeoDir_PageBreak_Admin` class.
* Settings moved to a card-style panel, live preview next to “Style”.
* **Asset management**
* Separate admin CSS/JS.
* Front-end enqueue updated.
* **Refactor** core vs. admin; cleaner structure.
### 0.5.3 – 2025-05-04
* Added client-side validation (circle style).
* Compatibility WP 6.5 / PHP 8.2.
### 0.5.1 – 2025-04-08
* Added client-side validation (default bar).
### 0.5.0 – 2025-07-02
* **Initial public release** – PageBreak field, two progress styles, translatable, lightweight.
