テーマの特徴
ヘッダー
特徴 | 説明 |
---|---|
セールや送料無料などの告知は、ページ上部のヘッダーの上に1行のテキストで表示します。 | |
電話番号や所在地、ソーシャルメディアのアイコンなどの情報を、ページ上部のアナウンスバーの下に表示します。 | |
ドロップダウンメニューは、ナビゲーションを一列に並べ、中央に表示したり、左に並べたりすることができます。独立したメニューとしても、縦メニューと組み合わせても使用できます。選択されたヘッダータイプによります。 | |
ページの左側にメニュー項目を一覧表示することができるドロップダウンメニューです。独立したメニューとして、または水平メニューと組み合わせて使用できます。選択されたヘッダータイプによって異なります。 | |
ページを下にスクロールした ときに、ヘッダーを表示したままにすることができます。常時固定表示のヘッダー | |
ドロップダウンセレクター(ヘッダータイプとカラースタイル)は、ヘッダーのビジュアルフォーマットとそのカラースタイルを簡単に変更することができます。 | |
テーマエディターでカスタマイズ可能なリンク(メニューアイテム)やコンテンツブロックのリストを持つナビゲーションメニュー。 | |
ドロップダウンメニューを拡張させ、マウスホバーしたときにコレクション・商品・プロモボックスといったコンテンツ表示することができます。 | |
進化した4段階のナビゲーションメニュー。 | |
12列のグリッドを持つ拡張ドロップダウンメニュー。 | |
ヘッダー部にお店のブランドロゴを表示します。モバイル用に別のロゴを設定することができます。 | |
ロゴが中央または左に配置されるかどうかは、ヘッダースタイルによって異なります。 | |
Webサイトに関連付けられたショートカットアイコンを、開いているブラウザのタブに表示することができます。 | |
カートのアイコンを表示し、カート内の商品数を表示します。 | |
ユーザーが商品をカートに入れたり、カートのアイコンをクリックすると、右側にカートのポップアップが表示され、ショップの使い勝手が向上します。スティッキーフッターと数量入力で補完しています。 | |
ヘッダーの右上に、ログイン アイコンやボタンの文字を表 示します。デザインはヘッダ ーのスタイルに依存します。 | |
ストアに通貨セレクターを表示して、訪問者にローカル通貨を選択させることができます。 | |
お客様は、右上のボタンをクリックすることで、ポップア ップ内の商品を簡単に確認・比較することができます。 | |
ユーザーがキーワード検索で きるように、検索バーや虫眼 鏡のアイコンを表示します。 | |
検索入力に応じて変化するドロップダウンリストや商品画像の候補を表示します。 | |
検索フィールドを持つスライド式ポップアップのボタンとして表示します。 | |
左側の情報線部に連絡先を表示します。 | |
パディングオプション | トップラインやアイテム間のパディングの高さを、スケールを使って変更することができます。 |
お客様がストアの言語を変更したり、言語のみが異なる別のウェブサイトにリダイレクトできるテーマ機能を内蔵。 | |
サービスアイコンをクリックすると、右のポップアップに情報が表示されるので、購入前の重要な質問にすぐに慣れることができます。 |
ホームページ
特徴 | 説明 |
---|---|
高度な設定が可能なビルダーセクションでストアを構築し、バナーやスライダーを使ってテキストブロック付き画像ブロック1つ1つ確認していきます。 | |
高度なドロップダウンセレクタを使用して、テキストオー バーレイ付きの画像のさまざまなレイアウトタイプを表示 できます。 | |
このテーマには、10種類の主要なレイアウトタイプとそのバリエーションが用意されており、ウェブサイト上に魅力的なバナーを作成することができます。 | |
様々な画像やプロモーション を1つのセクションで表示し、表示順序を選択することがで きます。 | |
パララックス、透明度、ホバーでの画像移動など、拡張されたアニメーション機能により、あなたのストアをプロフェッショナルで魅力的なものにします。 | |
ページ全体のテキストコンテンツを1つのセクションにまとめることができます。 | |
画像の上に紹介文やリンク集を置いて、画像を追加することができます。 | |
最新の記事が掲載されているブログ記事を、ストアページに別枠で表示します。 | |
カスタマイズ可能なブランドカルーセルセクションを使って、ストアで紹介されているメーカーの洞察と、関連するコレクションへのリンクを提供します | |
特定のコレクションをスライドショーで表示することができます。 | |
お客様の声やレビューをページ上にスライドショーで表示 することができます。 | |
ダイナミックセクションを使って、画像やテキスト、コールトゥアクションボタンを使ったサブコレクションを作成できます。 | |
利便性を提供しユーザーがあなたと連絡を取るための迅速な方法を使用します。Shopifyの標準的なお問い合わせフォームです。 | |
Google Mapのコードを使って店舗の住所を表示し、店舗の場所を簡単に見つけることができます。お問い合わせフォームの左側に表示されます。 | |
ページ上の任意の場所にダイナミックセクションを設置し て、Eメールの購読者を増や すことができます。 | |
会社に関する一般的な質問や重要な質問にQ&A形式で答えるためのテーマテンプレートです。 | |
テーマエディタ内の完全にカスタマイズ可能なセクションで、ズームとライトボックス を備えたfotorama product galleryを使って、お店のビジ ュアル面を提供します。 | |
重要な情報は、別のセクションにアイコン付きのテキスト を追加することで対応します (例:送料、支払い方法、配 送条件) | |
お客様がダイナミックサーチセクションで簡単なキーワード検索ができるようにする。 | |
ストア内に流行のポートフォリオを作成し、コレクション の概要を把握したり、アイテ ムの組み合わせ方を訪問者に 示すことができます。 | |
特定の商品を別のセクションで強調することで、顧客にアップセルすることができます。 | |
訪問者が特定のコレクションの商品を素早く閲覧できるようにする。 | |
特定のコレクションで複数の商品欄を作成したり、他のビルダーブロックで補完したりすることができます。 | |
オプションを選択するだけで、ビルダーセクションのコンテンツを全幅表示にすることができます。 | |
すべてのセクションで標準的な幅のオプションをサポートしています。 |
コレクションリストページ
特徴 | 説明 |
---|---|
テーマエディターでカスタム機能付きのページデザインを作成することができます。 | |
コレクション一覧オーダー | 選択したコレクションのみをページに表示することができます。 |
コレクションページ
特徴 | 説明 |
---|---|
コレクションタイトルとコレクションサイドバーの前に、 それぞれの独立したコレクシ ョンに特定のバナーを全幅で 追加します。 | |
コレクションのページごとにサブコレクションを作成して、コレクションを整理することができます。 | |
コレクションのページに商品を表示せず、サブコレクションのみを別のページに表示することができます。 | |
コレクションへのリンクやコ ール・トゥ・アクションのボ タンが付いたバナーを商品一 覧セクションに直接追加します。 | |
商品一覧の前に、ソート順や商品数の詳細を表示することができます。独立したモバイルコントロール付き。 | |
グリッドボタンを追加すると、お客様がコレクションを閲覧する際に、1列に表示する商品の数を決めることができます。 | |
2、3、4、6、リストの各画面サイズに合わせて、商品を並べて表示することをプリセット。 | |
コレクションページのカスタマイズ可能なリストデザイン | |
現在のフィルタブロックをソート順の下に表示します。デスクトップやモバイルビューでのスライドアウト式のフィルターポップアップに便利です。 | |
サムネイルの下に商品見本を 表示する。 | |
コレクションページのサイド バーの表示位置を決める。 カスタマイズ可能なスイッチャ ーブロック、フィルター、コンテンツブロックが含まれます。 | |
様々なフィルターブロックを 追加してコレクションを切り 替えたり、価格、タイトル、 ベンダー、説明、タイプ、タ グ、商品バリエーションなど 、あらゆるものでフィルター をかけることができます。 | |
特定のコレクションの商品を、ページ下部の商品リストとフッターの間にカルーセルで表示します。 | |
商品の上にマウスカーソルを 置くと、2枚目の商品画像が 表示されます。 | |
カラースォッチの上にマウスを置いたときに、商品のバリエーションに対する画像を変更できます。 | |
コレクションページにページ ネーションタイプを設定する ことができます。このテーマ には、4つのタイプがあります。 | |
あらかじめデザインされた "目 "のアイコンをクリックするだけで、商品の詳細情報や商品ギャラリーがポップアップで表示され、お客様はすぐに確認することができます。「詳細表示」ボタンも搭載しています。 クイックビューイングに特化した設定可能なレイアウトデザイン。 | |
コレクションフィルターに は、Shopifyのデフォルトロ ジックANDを使用するか、アドバンスドフィルターロジックORを選択してください。 | |
画像の右下に前後の矢印が表示され、商品ギャラリーをスクロールすることができます。 | |
商品のタイトルを1行で表示し 、残りのタイトルはドットで 表示することができます。デ スクトップでもモバイルでも 利用できます。 |
商品ページ
特徴 | 説明 |
---|---|
魅力的で多機能な商品テンプ レートで、お客様にとって魅 力的なお店を作りましょう。 個々の商品ページのレイアウ トを選択することができます 。 | |
デスクトップでは画像コンテナの左に、モバイルでは画像の下に、商品ギャラリーをサムネイルで表示します。モバイル対応。 | |
選択した色で商品画像をグループ化する。 | |
充実したイメージギャラリーの設定により、目を引く商品ページをカスタマイズできます。 | |
訪問者が画像の上にカーソルを置くと、メイン画像を拡大することができます。ズーム係数はスケールで変更可能。モバイルでは、ズームポップアップで有効になります。 | |
イメージコンテナ内に前後の 矢印を表示して、商品ギャラ リーをスクロールすることが できます。 " | |
商品画像をフルスクリーンのポップアップで表示し、画像ギャラリーを閲覧することができます。モバイルフレンドリーです。 | |
商品説明をアコーディオン形式で表示することで、ページの整理整頓が可能になり、商品に応じた詳細情報を別のセクションに追加することができます。 特定の商品のためのカスタムタブをサポート。 | |
セール価格で購入できる期間 が限られていることをお客様 にお知らせします。すべての 商品ページにセールのカウン トダウンを表示します。 | |
商品の在庫状況や、在庫カウントダウンの範囲を表示します。 | |
配送予定日を表示することで 、売上やコンバージョン率を 向上させることができます。 の情報とカットオフタイムを利用して注文することで、配送をオンタイムで受けることができます。 | |
商品のサイズの詳細を表やグラフにして表示することができます。すべての商品に1つずつ表示することも、商品ごとに独自のサイズガイドを追加することもできます。 オプションで、商品のポップアップを隠すことができます 。 | |
訪問者が商品ページを離れる ことなく、あなたに連絡を取 ることができます。 | |
購入者がカートに入れる商品 の数を選択できるように、数 量ボックスを設置します。 | |
「カートに入れる」ボタンをシェイク機能を使ってアニメーションさせる。 | |
商品ページには、2つのコンテンツブロックを含む追加セクションを配置します。コレクョン」と「ページコンテン ツ」です。 | |
フッターの前に、同じコレク ションの他の商品をスライド ショーで表示することができ ます。 | |
お客様が購入した商品をさまざまなプラットフォームで共有するためのソーシャルシェアボタンを追加することができます。 また、オンラインストアのプロモーションを無料で行うことができます。 | |
ユーザーが店舗で買い物をする際に、信頼感や安心感を与えるための決済手段を示す。 | |
カートをスキップして、ボタンに表示された方法を使用するためのダイナミックなチェックアウトボタンを追加することで、 顧客のための優れたショッピング体験を構築することができます。 | |
ダイナミックチェックアウトボタンの前に、チェックボックスによる確認を追加できます。 | |
ストアページに、送料無料にするためにカートに入れる必要のある商品の量を表示するバーを表示することができます。 | |
カスタマイズ可能なポップア ップで、追加アイテムの詳細 を店頭に表示します。ページ の右側に表示されます。 | |
ユーザーは、商品の購入 ごとにカスタムメッセージ/リクエストを追加することができます。 | |
現在のサプライヤーからの他の商品を、全コレクションへのリンクとともに表示します。 | |
開いているタブを上にスクロ ールします。デスクトップで もモバイルでも、縦型タブに のみ適用できます。 | |
各ページのポップアップに表示される意味のある情報、配送や返品の詳細を記載したページを作成します。 | |
Shopifyの店舗受け取り機能に対応しました。ダイナミックチェックアウトボタンの直後のページに表示。詳細情報のポップアップを含む。 | |
商品の詳細(画像、バリエーション、数量など)を、ページの最下部にフルスクリーンでポップアップ表示することができます。モバイル対応。 |
フッター
特徴 | 説明 |
---|---|
タイプやカラースタイルなどのスタイルセレクターや、ダイナミックなカスタムブロックを使って、機能的で魅力的なフッターをテーマエディターで構築できます。 ストアの全ページに適用されます。 | |
フッターに店舗のブランドロゴを表示することができます。一部のフッタータイプに適用されます。 | |
ダイナミックブロックを使って、必要なコンテンツや重要なコンテンツをページの一番下にカスタマイズします。 | |
複数のコンテンツブロックを表示し、各ブロックごとにメニューを用意し、各メニューへのリンクを張ることができます。 | |
お客様がページを離れること なくニュースを購読できるよ うに、ページの一番下に購読 フォームを設置します。 | |
カスタムテーマのアイコンを 使用したり、テーマエディタ ーで独自のアイコンを追加す ることができます。特定のフッタータイプに設定可能。 |
メディア機能
特徴 | 説明 |
---|---|
このテーマは、JPEGやJPG、Progressive JPEG、PNG、 GIFといった一般的な画像フォーマットに対応しています。 | |
YouTube、Vimeo。カスタマイズ可能なバナーや スライダーを作成することで 、お客様のショップ閲覧時の 体験を向上させます。様々なビデオコンテンツ:MP4、YouTube、Vimeo。 | |
お店にバーチャルリアリティを商品ページの立体的な画像 を使って | |
商品説明ページに動画を掲載することで、より効果的に商品の魅力を伝えることができます。 |
マーケティング機能
特徴 | 説明 |
---|---|
テーマに組み込まれたレビューアプリは、商品ページやクイックビューポップアップ、コレクションページやコレクションにレビューの星を表示することができます。また、商品説明ページでは、レビューをタブで表示することができます。 | |
テーマ内蔵型の欲しい物リスト・比較リスト機能。コレ クションページやコレクショ ンでは、各商品画像の下、ヘ ッダー部分にアイコンを表示 することができます。商品ペ ージやクイックビューのポッ プアップでは、アイコンやボ タンとして表示されます。 | |
ニュースレターポップアップを追加することで、買い物客がストアのメインページにたどり着いたときに 、重要な情報を簡潔にアピールできます。メーリングリストに登録することで、メールを介して顧客との関係を築くことができます。 | |
すべてのストアページで、購 入済みアイテムのパッシブポ ップアップを左端の一番下に 表示します。 | |
お客様のプライバシーを保護 し、最高のオンライン体験を 提供するために、カスタマイ ズ可能なCookieポップアップ をストアページの一番下に表 示します。 | |
アラビア語やヘブライ語など の言語を右から左に反転させ ることができます。 | |
商品を見て、カートに入れるまでの間、ページを離れることなく買い物ができます。 | |
お客様が販売しているブランドの一覧を表示することができます。また、ブランド一覧ページでは、アルファベット順の一覧やベンダーのロゴも表示され、 お客様はブランド別に買い物をすることができます。購入者は 、ブランドをクリックすることで、詳細ページに移動することができます。 | |
ファッショナブルなルックを 作成し、それを別のページテ ンプレートで表示します。 | |
カスタマイズ可能なテーマオプションにより、ストア内のすべてのチェックアウト要素を無効にしたり、ストアカタログを作成することができます。 | |
あなたの映像作品を、あらかじめデザインされたページテンプレートで表示します。 | |
ブログページには、ナビゲー ションメニューやカテゴリー 、タグなどのカスタマイズ可 能なサイドバーブロックが追 加されており、ウェブサイト へのアクセスや店舗への集客 を促進します。 | |
ウェブサイトの個々のページにブログの新しいサブトピックを立ち上げ、双方向の会話を維持することで、視聴者との関わりを深めることができます。コメントや共有ボタンなどのオプションを追加することで、訪問者に話題に飛び込んでもらいましょう。 | |
プリビルドテンプレートを使用して、個別ページにお問い合わせフォーム、情報欄、Googleマップを表示します。 | |
「よくある質問」のカスタムページでは、ブランド認知度の向上 、お客様からの質問への迅速な回答、商品のプロモーションを行うことができます。 | |
リーガルページをすべてのページに反映させる。あらかじめデザインされたテンプレートを使用するか、自分で作成してカスタマイズすることができます。 | |
商品ごとにカスタマイズ可能 な予約機能を使って、在庫の ない商品を販売します。 | |
コレクションページで、事前に選択された商品バリエーションを無効にしたり、表示を隠したりして、訪問者を商品説明ページに誘導します。「カートに入れる」ボタンの代わりに「オプションを選択」ボタンが表示されます。 | |
ストアフロントで各商品バリエーションを押したときに表示される、1つの単位の価格を設定します。 " | |
カートポップアップ、チェッ クアウト、カートページに表 示されるShopifyの自動割引に対応。 | |
カートページのサイドバーに顧客メモの入力欄を表示する。 | |
モバイルレスポンシブデザイン、使いやすくナビゲートしやすいデザイン、アダプティブメディア、テキストサイズ、ポップアップ。 " |
拡張機能
特徴 | 説明 |
---|---|
画像を連続して固定しないようにする高度なオプション。コレクションリストページ、 ギャラリーページ、ブログな ど特定のページで使用できま す。 | |
あらかじめデザインされた 『MISEル』アイコンの一覧です。 | |
商品ページ&クイックビューポップアップ、コレクションページ、コレクションに表示される商品ラベルを設定できます。 | |
インフォメーションラインセクションとフッターにアイコンとして表示されるソーシャルアカウントを推奨リストから選択します。 | |
コレクションページやコレクション、商品ページ、クイックビューポップアップに表示される商品バリエーションごとにデザインを設定できます。 バリエーション表示オプション、 ドロップダウンまたはテキストとして利用可能です。 | |
ボタンやインプットの枠の丸みの調整を行えます。 | |
カラースウォッチを正方形の画像/色、または円形の画像/色でストアに表示することができます。 | |
商品画像の上にマウスを置いたときのコンテンツのアニメーションスタイルを設定できます。コレクションページでのみ適用可能。 | |
ヘッダーライン、メニュー、ボタン、フッターセクションなど、多彩なカラー設定が可能です。 | |
フォントピッカーの設定 | Shopifyのフリーフォントラ イブラリに対応。 |
Last updated