このパターンではテーマ「X-T9」「Lightning ( G3 / theme.json )」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。

このパターンではプラグイン「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。

設定のコツ
  • カラムについているカスタムCSSについて
    • スライドするキャンペーンエリアは、カラムブロックの右側のカラムアイテムに入れていて、左側は空のカラムアイテムにして余白をとっています。カラムの設定で「モバイルでは縦に並べる」がオンになっているので、781px以下で本来はカラムが幅100%になりますが、カラムブロックに「カスタムCSS」で781pxから768px の幅は33.33%になるように、コア側のCSSを上書きしています。
関連するパターン