feat: per-slide unique content for image slideshow #57

Closed
opened 2026-06-04 12:08:13 +00:00 by jmiller · 1 comment
Owner

Summary

Allow each image slide in the slideshow to have its own overlay content (heading, text, CTA). Currently all slides share the same static overlay. Per-slide content enables storytelling sequences or product feature highlights that change with each slide.

Requirements

  • New slideContent subform/repeatable field (showon heroMode:images) with fields: image (media), heading (text), body (textarea), link (url), linkText (text)
  • When slideContent is populated, it overrides the imageFolder-based random selection
  • JS transitions the content alongside the background image (fade out old, fade in new)
  • Content transition synchronised with the background transition type
  • Fall back to global heroContent if a slide has no per-slide content defined
  • Card mode wraps each slide content individually

Acceptance Criteria

  • Each slide can have unique heading, body text, and CTA link
  • Content transitions in sync with background image changes
  • Empty per-slide content falls back to global overlay
  • Works with all four transition types
  • Admin UI is intuitive with Joomla subform repeatable field
## Summary Allow each image slide in the slideshow to have its own overlay content (heading, text, CTA). Currently all slides share the same static overlay. Per-slide content enables storytelling sequences or product feature highlights that change with each slide. ## Requirements - New `slideContent` subform/repeatable field (showon heroMode:images) with fields: image (media), heading (text), body (textarea), link (url), linkText (text) - When slideContent is populated, it overrides the imageFolder-based random selection - JS transitions the content alongside the background image (fade out old, fade in new) - Content transition synchronised with the background transition type - Fall back to global heroContent if a slide has no per-slide content defined - Card mode wraps each slide content individually ## Acceptance Criteria - [ ] Each slide can have unique heading, body text, and CTA link - [ ] Content transitions in sync with background image changes - [ ] Empty per-slide content falls back to global overlay - [ ] Works with all four transition types - [ ] Admin UI is intuitive with Joomla subform repeatable field
jmiller added the enhancementinvalidjoomla labels 2026-06-04 12:08:13 +00:00
Author
Owner

Branch created: feature/57-feat-per-slide-unique-content-for-image-

git fetch origin
git checkout feature/57-feat-per-slide-unique-content-for-image-
Branch created: [`feature/57-feat-per-slide-unique-content-for-image-`](https://git.mokoconsulting.tech/MokoConsulting/MokoJoomHero/src/branch/feature/57-feat-per-slide-unique-content-for-image-) ```bash git fetch origin git checkout feature/57-feat-per-slide-unique-content-for-image- ```
Sign in to join this conversation.
Status
Priority
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoJoomHero#57