Back to All Modules

Multi-Column Content

Search (CSOL) Multi-Column Content in the CMS

Jump to Guidelines and Use Cases

Theme Options:

Module Preview

合計ポイント目標の導入

従来は販売によるMRRと管理によるMRRの厳格なルールしかありませんでしたが、これを一本化して合計のポイント数を達成条件に設定することで、販売活動とサービス提供の比重を調整できるように柔軟性を高め、幅広いパートナーさまに対応するようにしました。

ビジネスのグローバル化に対応

世界各地でのビジネスに配慮し、パートナーさまの所在地ではなくお客様の所在地が新興市場に該当する場合に、新興市場向けの加算ポイントを提供するように変更します。新興市場のお客さまを支えるパートナーさまのご尽力をさらに公平に評価させていただくための措置です。

バックエンドのインフラの改善

新体系を迅速に適用できるよう、バックエンドのインフラを更新します。また、パートナーさまがデータやインサイトを確認し、経時的な成長を追跡できるよう、パートナーダッシュボードの設計を見直します。

合計ポイント目標の導入

従来は販売によるMRRと管理によるMRRの厳格なルールしかありませんでしたが、これを一本化して合計のポイント数を達成条件に設定することで、販売活動とサービス提供の比重を調整できるように柔軟性を高め、幅広いパートナーさまに対応するようにしました。

ビジネスのグローバル化に対応

世界各地でのビジネスに配慮し、パートナーさまの所在地ではなくお客様の所在地が新興市場に該当する場合に、新興市場向けの加算ポイントを提供するように変更します。新興市場のお客さまを支えるパートナーさまのご尽力をさらに公平に評価させていただくための措置です。

バックエンドのインフラの改善

新体系を迅速に適用できるよう、バックエンドのインフラを更新します。また、パートナーさまがデータやインサイトを確認し、経時的な成長を追跡できるよう、パートナーダッシュボードの設計を見直します。

合計ポイント目標の導入

従来は販売によるMRRと管理によるMRRの厳格なルールしかありませんでしたが、これを一本化して合計のポイント数を達成条件に設定することで、販売活動とサービス提供の比重を調整できるように柔軟性を高め、幅広いパートナーさまに対応するようにしました。

ビジネスのグローバル化に対応

世界各地でのビジネスに配慮し、パートナーさまの所在地ではなくお客様の所在地が新興市場に該当する場合に、新興市場向けの加算ポイントを提供するように変更します。新興市場のお客さまを支えるパートナーさまのご尽力をさらに公平に評価させていただくための措置です。

バックエンドのインフラの改善

新体系を迅速に適用できるよう、バックエンドのインフラを更新します。また、パートナーさまがデータやインサイトを確認し、経時的な成長を追跡できるよう、パートナーダッシュボードの設計を見直します。

Module Preview

FAQ's

How To Use This Module

Use this module to add columns on a full-width module. They can be displayed in default (stacked) or carousel mode. Each column can display an image and a link.

Use Cases

Column Content

Each column can include an image, header with customizable semantic heading level, rich text description, and a primary CTA.

Display Modes

Content can be displayed as a responsive grid (1 column on mobile, expanding on larger screens) or as a carousel with configurable navigation controls. In carousel mode, editors can set the number of slides visible at once on desktop (1–4); tablet automatically shows one fewer slide, and mobile always shows 1 slide. Static layout is optimized for up to 4 columns.

Layout Customization

Content creators can control image size (large, small, x-small, or default), content alignment (left, center, right, or balanced), column headers visual style, description text size, and carousel navigation position.

Column Style

Columns can be displayed as Basic (default, no background) or Card style. When Card is selected, each column is rendered using the `ClCard` component with a border and configurable theme.

Card Theme

When Card style is selected, a Card Theme option becomes available:

  • Inherit from module theme (default) — the card adopts the module's theme. Dark modules get `container-02` (dark), light/white modules get `container-01` (light). The border provides visual separation.
  • Light — explicitly sets a light theme (`container-01`) on the card, regardless of the module's theme.
  • Dark — explicitly sets a dark theme (`container-02`) on the card, regardless of the module's theme.
Get on-brand assets for your module

Guidelines

Character Count

  • Try to keep headers the same length for a more homogeneous look
  • Tip: Use the Column Headers Visual Style and Description Text Size settings to keep typography consistent across columns.

Image Sizing

  • 110px max height recommended
  • Intended for use with iconography
  • If you are aiming to add more than 4 sets of image + text, look for the Multi Row Media with Rich Text or CTA Cards- Photo modules

Variations

  • For more robust content, try the Multi Row Media with Rich Text module
  • For more emphasis, try the card column style and adjust the Card Theme as needed.

Similar Modules

updated

Feature List

Showcase the offerings of a single item or compare the features of multiple items.

Rich Text

Looking for flexibility? Rich Text can stack all your content!

What's New?

| v5.9.0 April 2026

  • Content can now be placed in either basic columns or themed cards
  • Introduced visual style for sizing to headers
  • Introduced content balancing options
  • Introduced text size control to Description

| v5.1.0 December 2025

  • Removed limit of columns that can be added
  • Introduced “Display Type” selector with “Default” and “Carousel” options
  • Introduced “x-small (40px Height)” Image Size ideal for icons
  • Introduced “Carousel Controls Configuration” selector to hide and show dot indicators on desktop and tablet

| v2.9.0 June 2024

  • Allows CTA styling options so user can set a Type (button versus text link) and Button Style (i.e. primary, secondary or tertiary)