セクションとブロックのリファレンス

Tenoraのすべてのセクションとブロックと、テーマエディターに表示される設定の一覧です。設定名はエディターの表記と一致しています。「セクションを追加」と記載されたセクションは、テーマエディターのセクションを追加からどのページにも追加できます。

お知らせバー

ヘッダーとフッター · sections/announcement-bar.liquid

設定	オプションと補足
配色
お知らせを自動で切り替える	再生・一時停止ボタンを表示します。視差効果を減らす設定のお客様には自動切り替えを停止します。
お知らせの切り替え間隔	3〜10 s

ブロック

ブロックは最大6個です。

お知らせ

設定	オプションと補足
テキスト

カートドロワー

ヘッダーとフッター · sections/cart-drawer.liquid

設定	オプションと補足
配色
動的チェックアウトボタンを表示	Shop Payなど、ストアで利用可能な決済方法を使用します。ブランドボタンの色は変更できません。

フッター

ヘッダーとフッター · sections/footer.liquid

設定	オプションと補足
配色
ブランドステートメント
ステートメント	ブランドを表す短い一文で、フッター上部に大きく表示されます。斜体で語句を強調できます。
リンクのラベル
リンク
国/地域と言語
	国/地域を追加するには、マーケット設定に移動します。言語を追加するには、言語設定に移動します。
国/地域セレクターを表示
言語セレクターを表示
下部バー
Shopでフォローを表示	お客様はShopアプリでストアをフォローできます。Shop販売チャネルとShop Payが必要です。
決済アイコンを表示
ポリシーのリンクを表示	ストアのポリシーを追加するには、ポリシー設定に移動します。
「Powered by Shopify」を表示
パディング
上部パディング	0〜120 px
下部パディング	0〜120 px

ブロック

ブロックは最大8個です。

フッターメニュー

設定	オプションと補足
見出し
フッターメニュー

テキスト

設定	オプションと補足
見出し
テキスト

メール登録

設定	オプションと補足
	登録者は、メールマーケティングへの同意とともに顧客リストに追加されます。
見出し
テキスト
ボタンのラベル

ソーシャルメディアアイコン

設定	オプションと補足
	[テーマ設定] > [ソーシャルメディア] でソーシャルメディアのリンクを追加してください。
見出し
テキスト

ヘッダー

ヘッダーとフッター · sections/header.liquid

設定	オプションと補足
配色
ロゴの位置	左 (デフォルト), 中央, メインメニューの上 · 大画面での位置
固定ヘッダー	なし, 上にスクロールしたとき (デフォルト), 常に表示
下部の枠線を表示
透明ヘッダー
透明ヘッダーを有効にする	ページの最初のセクションがヒーローの場合、その上に表示されます。スクロール時やホバー時は不透明になります。
透明ヘッダーの配色	選択した配色のテキスト色を使用します。
透明ヘッダーのロゴ	任意。ロゴの明るいバージョン
ナビゲーション
メインメニュー
メニューのスタイル	ドロップダウン, メガメニュー (デフォルト) · メガメニューでは、ナビゲーションの第3階層を列で表示します。
顧客アカウントメニュー
国/地域と言語
国/地域と言語のボタンを表示	国/地域と言語の選択肢を表示するパネルを開きます。ストアに複数ある場合のみ表示されます。

ブロック

ブロックは最大3個です。

メガメニューのプロモーション

設定	オプションと補足
メインメニュー項目	ドロップダウンのあるメインメニュー項目の名前を入力してください（例：リビング）。メガメニュースタイルの場合のみ表示されます。
画像	アスペクト比4:3を推奨します
見出し
リンク
リンクのラベル

おすすめコレクション

セクションを追加 · sections/featured-collection.liquid

設定	オプションと補足
小見出し
見出し
コレクション	コレクションが選択されていない場合は、最新の商品を表示します。
表示する商品数	2〜16
「すべて見る」リンクを表示
商品カード
販売元を表示
ホバー時に2枚目の画像を表示
レイアウト
デスクトップの列数	2〜5
モバイルの列数	1, 2 (デフォルト)
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

おすすめ商品

セクションを追加 · sections/featured-product.liquid

設定	オプションと補足
商品
メディアの位置	左 (デフォルト), 右 · 大画面での位置
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

ブロック

小見出し

設定	オプションと補足
テキスト

販売元

このセクションには設定がありません。

タイトル

このセクションには設定がありません。

価格

このセクションには設定がありません。

バリエーションピッカー

設定	オプションと補足
ピッカーの種類	ボタン (デフォルト), ドロップダウン
スウォッチを表示

数量セレクター

このセクションには設定がありません。

購入ボタン

設定	オプションと補足
動的チェックアウトボタンを表示	Shop Payなど、ストアで利用可能な決済方法を使用します。ブランドボタンの色は変更できません。

説明

設定	オプションと補足
単語数の上限	10〜80

テキスト

設定	オプションと補足
テキスト

詳細リンク

このセクションには設定がありません。

カスタムLiquid

設定	オプションと補足
Liquidコード	アプリのスニペットやその他のコードを追加して、高度なカスタマイズを行えます。

おすすめ商品

セクションを追加 · sections/product-recommendations.liquid

設定	オプションと補足
	おすすめ商品は自動的に生成され、時間とともに精度が向上します。Search & Discoveryアプリで調整できます。
小見出し
見出し
表示する商品数	2〜10
デスクトップの列数	2〜5
販売元を表示
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

お客様の声

セクションを追加 · sections/testimonials.liquid

設定	オプションと補足
小見出し
見出し
デスクトップの列数	2〜4
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

ブロック

ブロックは最大12個です。

お客様の声

設定	オプションと補足
引用
投稿者
投稿者の詳細	例：都市名や購入したアイテム
商品	任意。お客様の声を商品にリンクします。

お部屋から選ぶ

セクションを追加 · sections/shop-the-room.liquid

設定	オプションと補足
画像	アスペクト比3:2を推奨します。各ホットスポットの水平・垂直位置の設定でホットスポットを配置してください。
小見出し
見出し
テキスト
商品カードの配色
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

ブロック

ブロックは最大8個です。

ホットスポット

設定	オプションと補足
商品
ラベル	商品が選択されていない場合に表示されます
水平位置	0〜100 %
垂直位置	0〜100 %

お問い合わせフォーム

セクションを追加 · sections/contact-form.liquid

設定	オプションと補足
見出し
テキスト
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

カスタムLiquid

セクションを追加 · sections/custom-liquid.liquid

設定	オプションと補足
Liquidコード	アプリのスニペットやその他のコードを追加して、高度なカスタマイズを行えます。
配色
パディング
上部パディング	0〜120 px
下部パディング	0〜120 px

カスタムセクション

セクションを追加 · sections/custom-section.liquid

設定	オプションと補足
配置	左, 中央 (デフォルト)
コンテンツの幅	狭い, 標準 (デフォルト), 広い
間隔	0〜64 px
背景
背景画像
オーバーレイの不透明度	0〜90 % · 配色の背景色で背景画像を暗く、または明るくして、テキストを読みやすくします。
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

コレクションリスト

セクションを追加 · sections/collection-list.liquid

設定	オプションと補足
小見出し
見出し
テキスト
リンクのラベル	コレクション一覧ページにリンクします。
レイアウト
スタイル	画像の下にテキスト, 画像の上にテキスト (デフォルト)
画像の比率	縦長 (デフォルト), 正方形, 横長
商品数を表示
デスクトップの列数	2〜5
モバイルのレイアウト	スワイプ (デフォルト), グリッド
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

ブロック

ブロックは最大12個です。

コレクション

設定	オプションと補足
コレクション
カスタムタイトル	コレクションのタイトルを置き換えます
カスタム画像	コレクション画像を置き換えます

テキスト付き画像

セクションを追加 · sections/image-with-text.liquid

設定	オプションと補足
画像	1500 x 1875pxの.jpgを推奨します
画像の比率	画像に合わせる, 縦長 (デフォルト), 正方形, 横長
画像のキャプション	画像の下に寸法線とともに表示されます（例：サイズや素材）。
画像の位置	左 (デフォルト), 右
画像の幅	半分, 大 (デフォルト)
コンテンツ
小見出し
見出し
テキスト
垂直位置	上, 中央 (デフォルト), 下
ボタンのラベル
ボタンのリンク
ボタンのスタイル	テキストリンク (デフォルト), アウトラインボタン, 塗りつぶしボタン
レイアウト
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

パンくずリスト

セクションを追加 · sections/breadcrumbs.liquid

設定	オプションと補足
	商品、コレクション、ブログ、記事、ページ、検索の各ページで、現在のページまでの階層を表示します。
配色
現在のページを表示
モバイルで表示

ブログ記事

セクションを追加 · sections/blog-posts.liquid

設定	オプションと補足
ブログ
表示する記事数	2〜6
小見出し
見出し
リンクのラベル
記事カード
画像を表示
日付を表示
投稿者を表示
コメント数を表示
抜粋を表示
レイアウト
デスクトップの列数	2〜4
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

マルチカラム

セクションを追加 · sections/multicolumn.liquid

設定	オプションと補足
小見出し
見出し
デスクトップの列数	2〜4
配置	左 (デフォルト), 中央
区切り線を表示
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

ブロック

ブロックは最大8個です。

列

設定	オプションと補足
メディア	アイコン (デフォルト), 画像, なし
アイコン	配送トラック (デフォルト), 組み立て工具, 定規, 素材見本, 葉, 盾, 返品, チャット, 箱, 位置ピン
画像
見出し
テキスト
リンクのラベル
リンク

メール登録

セクションを追加 · sections/newsletter.liquid

設定	オプションと補足
	登録者は、メールマーケティングへの同意とともに顧客リストに追加されます。
小見出し
見出し
テキスト
ボタンのラベル
メモ
配置	左, 中央 (デフォルト)
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

リッチテキスト

セクションを追加 · sections/rich-text.liquid

設定	オプションと補足
小見出し
見出し
見出しのサイズ	中, 大 (デフォルト)
テキスト
1つ目のボタンのラベル
1つ目のボタンのリンク
2つ目のボタンのラベル
2つ目のボタンのリンク
レイアウト
配置	左, 中央 (デフォルト)
コンテンツの幅	狭い, 広い (デフォルト)
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

ロゴリスト

セクションを追加 · sections/logo-list.liquid

設定	オプションと補足
見出し
ロゴの高さ	20〜80 px
ロゴをグレースケールで表示	ホバーするまでロゴをグレースケールで表示します。
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

ブロック

ブロックは最大12個です。

ロゴ

設定	オプションと補足
ロゴ	背景が透明な.pngまたは.svgを推奨します
名前	ロゴに代替テキストがない場合に代替テキストとして使用されます
リンク

画像バナー

セクションを追加 · sections/hero.liquid

設定	オプションと補足
画像	2400 x 1350pxの.jpgを推奨します。画像エディターで焦点を設定すると、トリミング位置を調整できます。
モバイル用画像	任意。1080 x 1350pxの.jpgを推奨します
セクションの高さ	小, 中, 全画面 (デフォルト), 画像に合わせる
オーバーレイのスタイル	グラデーション (デフォルト), 単色 · グラデーションでは、テキストがある側が暗くなります。
オーバーレイの不透明度	0〜90 %
テキストの影を表示	見出しとテキストの背後にやわらかい影を加え、背景が複雑な画像でもコントラストを高めます。
配色	テキストとボタンの色です。背景色はオーバーレイに使用されます。
コンテンツ
小見出し
見出し
見出しのサイズ	中, 大 (デフォルト)
見出しレベル	H1, H2 (デフォルト) · ページのメイン見出しの場合のみH1を使用してください。
テキスト
水平位置	左 (デフォルト), 中央, 右
垂直位置	上, 中央, 下 (デフォルト)
ボタン
1つ目のボタンのラベル
1つ目のボタンのリンク
2つ目のボタンのラベル
2つ目のボタンのリンク

動画

セクションを追加 · sections/video.liquid

設定	オプションと補足
Shopifyでホストされている動画	両方が設定されている場合、外部動画の代わりに使用されます。
外部動画のURL	YouTubeまたはVimeoのリンク
カバー画像	動画の再生前に表示されます。アスペクト比16:9を推奨します。
コンテンツ
小見出し
見出し
テキスト
レイアウト
セクションを全幅にする
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

カート

テンプレートのセクション · sections/main-cart.liquid

設定	オプションと補足
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

コレクション一覧

テンプレートのセクション · sections/main-list-collections.liquid

設定	オプションと補足
見出し
1ページあたりのコレクション数	6〜48
スタイル	画像の下にテキスト, 画像の上にテキスト (デフォルト)
画像の比率	縦長 (デフォルト), 正方形, 横長
商品数を表示
デスクトップの列数	2〜4
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

パスワード

テンプレートのセクション · sections/main-password.liquid

設定	オプションと補足
背景画像	2400 x 1350pxの.jpgを推奨します
オーバーレイの不透明度	0〜90 %
小見出し
見出し
	見出しの下のメッセージは、[オンラインストア] > [各種設定] のパスワードページのメッセージです。
メール登録を表示
ボタンのラベル
配色

ブログ記事

テンプレートのセクション · sections/main-blog.liquid

設定	オプションと補足
1ページあたりの記事数	3〜24
デスクトップの列数	2〜4
タグフィルターを表示
記事カード
画像を表示
日付を表示
投稿者を表示
コメント数を表示
抜粋を表示
レイアウト
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

ページ

テンプレートのセクション · sections/main-page.liquid

設定	オプションと補足
見出しの配置	左, 中央 (デフォルト)
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

ページが見つかりません

テンプレートのセクション · sections/main-404.liquid

設定	オプションと補足
見出し
テキスト
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

記事

テンプレートのセクション · sections/main-article.liquid

設定	オプションと補足
アイキャッチ画像を表示
投稿者を表示
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

検索結果

テンプレートのセクション · sections/main-search.liquid

設定	オプションと補足
1ページあたりの結果数	8〜48
販売元を表示
絞り込みと並び替え
絞り込みを有効にする	フィルターはSearch & Discoveryアプリでカスタマイズできます。
フィルターのレイアウト	サイドバー (デフォルト), ドロワー
並び替えを有効にする
レイアウト
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

商品グリッド

テンプレートのセクション · sections/main-collection.liquid

設定	オプションと補足
コレクションの説明を表示
コレクション画像を表示	Shopify管理画面でコレクションに設定した画像を使用します。
商品グリッド
1ページあたりの商品数	8〜48
デスクトップの列数	2〜5
販売元を表示
ホバー時に2枚目の画像を表示
絞り込みと並び替え
絞り込みを有効にする	フィルターはSearch & Discoveryアプリでカスタマイズできます。
フィルターのレイアウト	サイドバー (デフォルト), ドロワー
並び替えを有効にする
レイアウト
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

商品情報

テンプレートのセクション · sections/main-product.liquid

設定	オプションと補足
ギャラリーのレイアウト	縦並び (デフォルト), 2列 · 大画面でのレイアウトです。小画面ではメディアをスワイプで表示できます。
画像のズームを有効にする
スクロール中も商品情報を表示し続ける
配色
上部パディング	0〜160 px
下部パディング	0〜160 px

ブロック

販売元

このセクションには設定がありません。

タイトル

このセクションには設定がありません。

価格

設定	オプションと補足
Shop Pay Installmentsを表示	ストアで利用可能な場合、Shop Pay Installmentsの価格を表示します。

バリエーションピッカー

設定	オプションと補足
ピッカーの種類	ボタン (デフォルト), ドロップダウン
スウォッチを表示	商品オプションの値に設定されたカラーまたは画像のスウォッチを使用します。

数量セレクター

このセクションには設定がありません。

購入ボタン

設定	オプションと補足
動的チェックアウトボタンを表示	Shop Payなど、ストアで利用可能な決済方法を使用します。ブランドボタンの色は変更できません。
ギフトカードの受取人フォームを表示	お客様が指定日にギフトカードを受取人へ送れるようにします。

在庫状況

設定	オプションと補足
在庫僅少のしきい値	0〜20 · 在庫数がこの数以下になると、残りの数を表示します。

SKU

このセクションには設定がありません。

説明

このセクションには設定がありません。

折りたたみ式タブ

設定	オプションと補足
見出し
コンテンツ
ページのコンテンツ

テキスト

設定	オプションと補足
テキスト

サイズ

設定	オプションと補足
	商品メタフィールドspecs.width、specs.depth、specs.height、specs.seat_height、specs.weightを表示します。いずれも未入力の場合は非表示になります。
見出し
デフォルトの単位	センチメートルとキログラム (デフォルト), インチとポンド · お客様は単位を切り替えることができ、選択内容は保存されます。
寸法図を表示
サイズ確認ツールを表示	お客様がドアや設置スペースの寸法を、商品の幅・奥行き・高さと比較できるようにします。

素材とお手入れ

設定	オプションと補足
	商品メタフィールドspecs.materials（素材メタオブジェクト）にリンクされた素材を表示します。リンクがない場合は非表示になります。
見出し
レイアウト	リスト (デフォルト), カード

配送と組み立て

設定	オプションと補足
	商品メタフィールドdelivery.lead_time、delivery.method、delivery.assembly_required、delivery.assembly_guideを表示します。いずれも未入力の場合は非表示になります。
見出し

サンプルを注文

設定	オプションと補足
	商品メタフィールドspecs.sample_productが設定されている場合はそれを使用し、それ以外の場合は下で選択した商品を使用します。サンプルがない場合は非表示になります。
サンプル商品
見出し
テキスト
ボタンのラベル

関連商品

設定	オプションと補足
	関連商品を表示するには、Search & Discoveryアプリで設定してください。
見出し
表示する商品数	1〜6

カスタムLiquid

設定	オプションと補足
Liquidコード	アプリのスニペットやその他のコードを追加して、高度なカスタマイズを行えます。

テーマブロック

ボタン

blocks/button.liquid

設定	オプションと補足
ボタンのラベル
リンク
リンクを新しいタブで開く
ボタンのスタイル	塗りつぶしボタン (デフォルト), アウトラインボタン, テキストリンク

カスタムLiquid

blocks/custom-liquid.liquid

設定	オプションと補足
Liquidコード	アプリのスニペットやその他のコードを追加して、高度なカスタマイズを行えます。

グループ

blocks/group.liquid

設定	オプションと補足
レイアウトの方向	横, 縦 (デフォルト)
配置	左, 中央 (デフォルト), 右
間隔	0〜64 px
パディング	0〜96 px

テキスト

blocks/text.liquid

設定	オプションと補足
テキスト
テキストのスタイル	見出し, 小見出し, 本文 (デフォルト)
見出しのサイズ	小, 中 (デフォルト), 大
配置	左, 中央 (デフォルト), 右