Page modules define the content that is displayed on a store page. There are a number of different types of module.

The are four types of module:

  • Product Modules: List / Grid
  • Media Modules: Image / Video
  • Feature Modules: Banner / Header
  • Simple Modules: Text / Code

View Examples

Product Modules

Product Modules display information from your Product catalogue across your site. This includes: Products, Product Formats, Tracks, Artists and Labels.

These are populated with Tagged content. A Product Module has the following settings:

  • Type: List or Grid
  • Size: Small, Medium, Large, Full Size
  • Content Settings: Selected a pre-existing Tag or adding items directly to a module.

They can also have a Header and an associated link to a part of the store.

The size setting affects the display size of the content on the page, and the associated level of detail displayed.

Media Modules

Media Modules come in two types Video or Image. These display on your page.

These are populated with Tagged content. A Video or Image Module has the following settings:

  • Size: Small, Medium, Large, Full Size
  • Content Settings: Selected a pre-existing Tag or upload images and add Videos directly to modules.

The size setting affects the display size of the content on the page.

Feature Modules

Banners

Use a banner to link to content somewhere on the site, or an external URL.

Upload an image to be displayed as the banner background, and add text to describe the content you’re linking to.

For smaller module sizes, banners will appear centred on the page.

These come in various sizes but will not resize the proportions of the banner image you upload. Banners can link to any page, on your own site or other. Please note, if you add text via the banner module in Ochre rather than the image, it will keep the same font as your site and avoid a clash.

Headers

Display a page title with the header.

Simple Modules

Text

Allows you to provide a section of text on a page. This can include HTML styles or Markdown.

Code

Code Modules accept blocks or HTML code including iFrame embeds.

Examples

Product Grid

View Product Grid Examples

Artists

Product List

Small

Video

View Video Examples

Image

View Image Examples

Banner

View Banner Examples

Header

Text

Code

Did this answer your question?