↑ ↓↵Esc
Get a free quote
iVishwa

Home Themes Acanthus Help center Home page Tell your story with scroll sections

Home page

Tell your story with scroll sections

Sections that turn scrolling into reading: a sentence that lights up word by word, a story told picture by picture, ingredients crossed out, words that move.

Intermediate8 min readUpdated Acanthus 1.0.0

Shoppers buy from a brand they understand. These sections tell them who you are, what you leave out and why, without a wall of text.

The scroll storytellers

SectionWhat it does
StatementOne large sentence lights up word by word as the visitor scrolls
Pinned storyA story told one picture at a time; each step holds the screen
Free fromWhat your formulas leave out, crossed out one by one
Kinetic scroll typographyShort lines that move as the page scrolls, with pictures set between the words
About storyA mission quote, the founder's signature, and a timeline
Scroll filmA film the scroll plays: see The scroll film
Each item is crossed out as the visitor scrolls past it.

Set up Free from

  1. Add the Free from section. Write the Eyebrow, Heading and Text.

  2. Add an Item block for each thing you leave out, with its Name and Why it is left out in one sentence.

  3. Give each item an Image. It shows in the circle as that item is crossed out.

  4. Leave Hold the screen while each one is crossed out on for the full effect on wide screens, or turn it off and each line is crossed out as its row comes into view.

Words that move

Lines and pictures move into place as the page scrolls.

In Kinetic scroll typography, write up to six short lines in First text block to Sixth text block. Set a word in italics (the I button) to color it with Highlight text color (em tags), and add up to four pictures, which sit between the words.

The Statement and the Pinned story

  • Statement: write one sentence of 15 to 30 words. Put *asterisks* around a word to set it in the accent color. With Hold the screen while it is read on, the page waits until the sentence is lit.
  • Pinned story: add a Step block for each part of the story, each with a Picture, Heading and Text. Time each step holds the screen sets how long each step stays.

Calm sections for longer reading

Image with text, Multicolumn, Multirow and Rich text never move. Use them for shipping promises, how-to steps or a longer story. The Flexible section lets you build any layout from blocks: headings, text, buttons, pictures, films, product cards, questions and quotes.

Visitors who prefer less motion

Every scroll effect has a still version. Words appear lit, items appear crossed out, and steps appear one after another, so nothing is lost.

Further reading on the iVishwa blog: How to build a beauty brand home page on Shopify that sells

Still need help?Write to us with your shop's address and a screenshot. We reply within two business days, Monday to Friday, usually sooner.

Contact support