Marin Bikes

Module Guide

This Module Guide includes examples of each type of module available for the Marin 2020 site.

Hero

There are two kinds of Hero modules:

  • Hero / Standard
  • Hero / Side by Side

View Hero Modules

Columns

The majority of site content should be built using the column layout options on this page. It's important to break the site into manageable chunks of content that a user can easily scan without having to do too much reading.

There are x kinds of Column modules:

  • Media Card / 2 Column
  • Media Card / 3 Column
  • Media Row / 50-50
  • Media Row / 66-33
  • Media Row / 42-58

View Column Modules

General Content

Johannes, please add some content about using general content modules here.

There are two kinds of General Content modules:

  • General Content
  • Image

Intros

Johannes, please add some content about using Intro modules here.

There is one kind of Intro module, however it comes in five variations.

View Intro Modules

Misc

There are 3 kinds of Misc modules:

  • Reviews
  • Gallery
  • Bike Grid

View Misc Modules

Static Templates

The static templates which the modular system is built off of can be found here.

A filterable grid of our bikes

Showing: ${ bikeCount } results.

  • Sorry, there are no bikes that match the filters you've selected.

  • ${ bike.bikeName }

    • Description: ${ getBikeDescription(bike, 'Wheel Size') }
    • Price: ${ bike.bikePriceDiscountedFrom } Sale: ${ bike.bikePrice }

    Shop Now Learn More