Homepage Sections
Velocity ships ten homepage sections, all block-based and reusable on other page templates. Each loads its own CSS/JS only when present.
Slideshow
The flagship hero. Each slide is a block (up to five) with:
- Desktop image + mobile image — set a portrait crop for phones; the browser downloads only the file it needs. A per-slide switch turns the mobile image off without deleting it. No mobile image? The desktop image shows everywhere.
- Heading, subheading, description — each with its own colour picker, plus per-slide text alignment.
- Two buttons — primary and secondary, with per-slide button colours.
- Heading tag — Auto by default (see SEO Features for the H1 system).
Section-level: minimum height for desktop and mobile, image overlay opacity, auto-rotate with speed control, arrows, dots. Shoppers can swipe on touch devices; rotation pauses on hover and respects reduced-motion preferences.
Multicolumn
Icon-and-text columns (up to six) — the classic trust strip: free shipping, returns, secure checkout. Pick from 13 built-in icons or upload your own image per column. Each column takes a heading, rich text, and an optional link. The preset seeds a ready-made three-column trust strip.
Rich text
A centred (or left-aligned) statement block: heading, subheading, body text, optional button. A narrow-width toggle caps line length for readability, and a padding slider controls vertical breathing room. Ideal directly under the hero for your brand statement.
Collection list
A grid of collection cards (up to 12, 2–5 columns) with hover zoom and optional product counts — your "shop by category" block.
Featured collection
Products from any collection in a configurable grid (columns set separately for desktop and mobile), with second-image hover and an optional View All link.
Promo tiles
Up to four image tiles with heading, text and link — new arrivals, best sellers, sale. Each tile supports its own mobile image.
Image with text
The story block: image left or right (with mobile image support), subheading, heading, rich text and button, with background and text colour controls.
Testimonials
Up to nine quote cards with star ratings (0–5, zero hides the stars), rich-text quotes and author names, on a configurable background.
Blog posts
An article grid from any blog: 2–6 posts, 2–4 columns, with toggles for date, author, excerpt and a View All link. Before you have articles, the section shows tidy placeholders rather than an empty gap.
Newsletter
An email signup wired to Shopify customer records — subscribers appear in your admin with the "newsletter" tag.
The demo homepage recipe
Velocity's demo store arranges these as: slideshow → trust strip → rich text → collection list → featured collection → promo tiles → image with text → testimonials → blog posts → newsletter. It's a proven top-to-bottom conversion narrative: promise, reassurance, category routes, products, offers, story, proof, content, capture.