SectionsBundlesPricingFAQBlogAboutContactContactInstall on Shopify
All changelog entriesentry 15 of 44
new

Versus — a bolder comparison

A new comparison section: a full-height lifestyle photo beside a single card that stacks your wins over the alternative's shortfalls, split by a VS badge on the seam. Pick the win icon (badge, filled circle, check, star, shield), flip the image to either side, and recolor every layer. Pure CSS, no layout shift.

Sometimes the most persuasive thing on a page is an honest side-by-side. Modulo: Versus is a new comparison section built for exactly that — a tall lifestyle image next to a single card that stacks your wins over the alternative's shortfalls, divided by a circular VS badge that sits right on the seam between the two halves.

Choose how the wins read. The win icon is selectable — a gear-edged Badge, a filled circle check, a simple check, a star, or a shield — in bare, solid-disc, or soft-tint styles. The "lose" rows stay deliberately muted (grey circle + ✕) so the contrast does the selling.

Configurable without the clutter. Flip the image to the left or right, recolor both panels, the accent, and the lose-marker circle, set the card radius, and add your own win/lose rows as blocks. It's pure CSS — no JavaScript, no layout shift — keyboard- and screen-reader-friendly, and it looks polished the moment you drop it in.

It joins the comparison family alongside Pros & Cons and Why Switch — pick the one whose layout fits your story.

Visit link