AB Switch

The finest way to switch between two content containers

The finest way to switch between two content containers. Purpose built, unique and advanced features, endless visual styles.

Key Features

Demo

  • Front
  • Back

2015 Audi R8

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

2015 Audi R8

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

  • "Outline" background switch button style.
  • "Hover" to switch titles to toggle.
  • "1px" switch break style.

  • Coffee
  • Tea

Espresso

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

White Tea

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

  • "B" default switch selection.
  • "Gradient" background switch button style.
  • "3px" switch break style.

  • Monsters
  • Aliens

Spiky Sea Monster

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Flying Alien Scout

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

  • "Square" switch button style.
  • "Solid" background switch button style.
  • "5px" switch break style.

  • Actual Drums
  • Electronic Drums

Acoustic Drum Kit

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Drum Sampler / Sequencer

Gluten-free paleo gastropub authentic flexitarian fixie tote bag, scenester Cosby sweater irony locavore.

  • Features
  • Controls

  • Countless switch button styles, mix and match to get the custom feel you need. Style changes are viewable in Stacks Edit mode.
  • Generous spacing and break style options for switch controls, keeping them clearly separated from content containers.
  • Notable Features: Use Multiple AB Switches on the same page. Long text AB Switch titles nicely supported (shown in drum example).
  • Advanced Features. Create custom URLs to show "B" content as default. Adjustable mobile break point, making switch button and text smaller. Set "B" Content as the default, instead of "A" content. "Hover" or "Click" switching.

  • Switch Area Position (Left / Center / Right)
  • Switch Area Top / Bottom / Spacing control
  • Switch Area Break style and color control
  • Switch Text Custom A / B Title Fields
  • Switch Text Title Size control
  • Switch Text Selected / Deselected color control
  • Switch Button Edges (Round / Square)
  • Switch Button Style (Gradient / Solid / Outline)
  • Switch Button Background and Knob color control
  • Mobile Break Point (switch becomes smaller)
  • Optional "Hover" or "Click" to trigger switch
  • Optional set "B" content as default shown
  • Set Custom Hash URL to trigger "B" content

Screenshots

Tutorials

There are no tutorials for AB Switch at this time.

Downloads

FAQs

Updates

You may also like…

HANGOUTS

Next Hangout Session
Friday, October 29

PODCAST

Subscribe

For product releases and updates by email, please subscribe below.

© 2019 Weavers Space | Terms of Service | Privacy Policy