TAB SECTION | THE PRO PLAN

Horizontal and vertical tabs

The Tab section lets you divide your content into clickable tabs aligned side by side in a list, either horizontally or vertically.

See the setup guide

USE CASES | THE PRO PLAN

Custom content for your storefront with the Custom HTML section.

 

Example #1: Horizontal tabs - Product information

  • Your tab content goes here.

  • Your tab content goes here.

  • Your tab content goes here.

  • Your tab content goes here.

  • Your tab content goes here.

Example #2: Horizontal tabs - Specification information using Custom HTML

  •     XS S M ML L XL
    A Seat Tube Length (mm) 680 710 740 770 790 820
    B Seat Tube Angle (degrees) 74.5° 73.5° 73.0° 73.0° 73.0° 72.0°
    C Top Tube Length (mm) 520 535 550 565 580 600
    D Head Tube Length (mm) 120 130 145 165 185 200
    E Head Tube Angle (degrees) 71.0° 72.3° 73.0° 73.0° 73.0° 73.0°

  • Your custom HTML content goes here.

  • Your custom HTML content goes here.

Example #3: Left-aligned vertical tabs

  • LEATHER JACKE

    • Outer Shell: Real Leather
    • Leather Type: Cow hide
    • Leather Finish: Pull-up
    • Inner Shell: Quilted viscose lining
    • Closure Style: Zipper
    • Collar Style: Band with snap button
    • Cuffs Style: ZipperInside
    • Pockets: TwoOutside
    • Pockets: Three
    • Color: Brown

  • Your custom content goes here.

  • Your custom content goes here.

  • Your custom content goes here.

  • Your custom content goes here.

Example #4: Right-aligned vertical tabs

  • LEATHER JACKE:

        XS S M ML L XL
    A Seat Tube Length (mm) 680 710 740 770 790 820
    B Seat Tube Angle (degrees) 74.5° 73.5° 73.0° 73.0° 73.0° 72.0°
    C Top Tube Length (mm) 520 535 550 565 580 600
    D Head Tube Length (mm) 120 130 145 165 185 200
    E Head Tube Angle (degrees) 71.0° 72.3° 73.0° 73.0° 73.0° 73.0°

  • Your custom content goes here.

  • Your custom content goes here.

  • Your custom content goes here.

  • Your custom content goes here.