Shifter
Show one piece of content at a time, such as an image, rich text, or form, controlled by a quick menu. The intro remains static. Useful for short lists, quick feature comparisons, or product photos such as before and after examples.
Live Preview| Use case | Display different content items using a quick navigation. |
| Page speed impact | Low initially, depending on the content added. May have Medium impact when using the Form option, or High with heavy resources (large images without lazy loading below the fold, videos, CTAs). Use SVG files where possible, and optimize images with TinyPNG. |
| Available in pages | Yes |
| Reserved block class | shifter |
| Relevant files | css/components/shifter.cssjs/components/shifter.js |