こちらの記事では、ブロックストアで公開している「セクション」タイプのブロックテンプレートの商品比較テーブルの具体的なご利用方法、注意点をご紹介します。
参考:
テーブルの内容を変更する
ブロックの編集モードで、左側の「レイヤーを開く」をクリックします。
左ペインに表示された項目を選択し、右ペインで画像・リンク・テキストの内容やスタイルの変更が可能です。
列の数を変更する
HTMLの基本的な知識が必要です。
一部のテンプレートでは下記変更方法ではうまく動作しない場合があります。配信前にご確認ください。
なお、テンプレート自体のカスタマイズにあたるため、コード編集の詳細な方法についてはサポート対象外です。
コード編集でHTMLを確認し、該当の列部分の要素をコード上で複製すると列を増やすことができます。
同様に、要素を削除することで列の数を減らすこともできます。
行の数を変更する
コード編集でHTMLを確認し、行部分の要素をコード上で複製すると列を増やすことができます。
同様に、要素を削除することで列の数を減らすこともできます。
ブロックの編集モードで、左側の「レイヤーを開く」から該当部分を削除することで、ノーコードで行を減らすことができます。
レビューの星を変更する
class属性に、-star_active
をつけることで、色をつけることができます。
ご利用上の注意点
- 設置先のブロックの横幅や縦幅が狭いと表示崩れする可能性があります。
- 設置先サイトのHTML構造とデザインにも依存します。うまく設置できない場合は、
<body>
タグにより近いブロックを指定の上、テンプレートから呼び出してください。
- 設置先サイトのHTML構造とデザインにも依存します。うまく設置できない場合は、
- 行・列の数を増やす・減らす場合はコード編集でカスタマイズが必要です。
- テンプレート自体のカスタマイズ、およびテンプレートから作成されたブロックのカスタマイズはサポート対象外です