「Concept」サポート
Concept を使用すると、製品ページにカウントダウン タイマーを組み込んで、割引期限が切れるまでの残り時間を視覚的にマークできます。これらのタイマーは緊迫感を効果的に与え、顧客に迅速な行動を促し、割引がなくなる前にチャンスをつかむよう促します。 この機能はメタフィールドに基づいて動作します。したがって、メタフィールド定義を追加し、必要な製品のカウントダウンを設定するだけです。このページではカウントダウン資格メタフィールド定義の追加製品のカウントダウンを設定するカウントダウンを表示するカウントダウン資格カウントダウンタイマーは、商品が低価格で販売されている場合にのみ機能します。したがって、カウントダウンを追加する前に、商品の価格比較を設定していることを確認してください。そうしないと、カウントダウンが無効になります。メタフィールド定義の追加特定の製品にカウントダウン (メタフィールド値) を追加する前に、この情報に必要なメタフィールド定義を追加する必要があります。注記この手順は 1 回だけ実行する必要があり、すべての製品に影響します。すでにこれを行っている場合はスキップしてください。メタフィールドはテーマとは独立して機能するため、テーマを更新または再インストールするときにこの手順を再度実行する必要もありません。 Shopify 管理画面> [設定] > [メタフィールド] > [製品]から。 [定義の追加] をクリックします。 [製品メタフィールド定義の追加] ボックスで、次のような新しいメタフィールドの詳細を設定します。名前- Product countdown名前空間とキー- theme.countdown説明(オプション) - 「製品を説明する重要な情報を追加します。」という説明行を追加します。コンテンツ タイプの選択- 行テキスト、整数、日付と時刻、ファイルなど、さまざまなコンテンツ タイプがあります。この設定では、 [日付と時刻]を選択します。 [日付と時刻]を選択します。これを選択すると、カウントダウンの正確な時間を指定できるようになります。 「保存」をクリックして定義を保存します。これまでに、定義リストに製品カウントダウンが表示されているはずです。 カウントダウンの設定管理者の[製品]内で、カウントダウンを追加する製品に移動します。 [メタフィールド]まで下にスクロールし、 [すべて表示]をクリックして製品のメタフィールド値を開きます。 ここで製品のカウントダウンが表示されるはずです。 有効期限を設定するには、 「製品カウントダウン」フィールドをクリックします。ここでは 2 つの入力が表示されます。1 つは日付用、もう 1...
Conceptでは、画像サイズに厳密なルールはなく、任意のサイズを選択できます。ただし、最適な表示のために、この記事ではサイトに完璧に表示される画像サイズを推奨します。このページではさまざまなセクションとブロックの画像サイズConceptで最適な結果を達成するには、以下の表で詳しく説明されているように、さまざまなセクションにさまざまな画像サイズを使用することをお勧めします。画像の場所画像サイズヘッダーグループプロモーションイメージプロモーション画像はメガメニューセクションにあります。デスクトップとモバイルデバイスの両方に推奨される画像サイズは、選択したアスペクト比によって異なります。画像に適応- 画像の比率を維持します正方形- 少なくとも 2000 x 2000 ピクセルポートレート- 少なくとも 2000 x 2500 ピクセル風景- 少なくとも 2400 x 1600 ピクセルワイド- 少なくとも 2400 x 1350 ピクセルオーバーレイグループニュースレターのポップアップ画像デスクトップとモバイルブラウザの両方の推奨サイズ: 1080 x 1080 ピクセル。テンプレートグループコラージュのブログ投稿ブログ投稿の注目の画像を設定するには、 Shopify 管理ダッシュボードで[オンライン ストア] > [ブログ投稿]に移動します。次に、投稿をクリックし、右側の列で[注目の画像]ボックスを見つけて画像を追加します。 デスクトップとモバイルブラウザの両方で推奨されるサイズ: 1600 x 900 ピクセル。カウントダウンタイマー推奨サイズ:デスクトップブラウザ: 2200 x 1000 ピクセル。モバイルブラウザ:...
「製品の詳細」セクションで主要な製品の仕様を強調表示します。
製品情報を効果的に提示する能力は、電子商取引の生命線です。しかし、商人は、豊かさが過負荷に変わるというもどかしいパラドックスに直面することがよくあります。厳格なレイアウト、無味乾燥なプレゼンテーション、雪崩のように情報が押し寄せると、製品の魅力がかき消され、顧客は当惑し、関心を失ってしまいます。これらの障害に対処するために、 Conceptテーマは、製品コミュニケーションを合理化し、最適化するように設計された強力なツールである製品詳細セクションを提供します。このセクションでは、販売業者が仕様に焦点を当てて、明確かつ簡潔な製品説明を作成できるようにします。 このチュートリアルでは、「製品の詳細」セクションを段階的に構成する方法を示します。 A. この機能はどこにありますかD. 製品詳細セクションの設定A. この機能はどこにありますかテーマ エディターを使用して製品ページで、テンプレートセクション グループの下に製品の詳細セクションを作成します。 この構成セクションでは、さまざまなカスタマイズ オプションが提供され、簡単にナビゲーションできるように 3 つの個別のブロック (説明、折りたたみ可能な行、および仕様ブロック) にまとめられています。 B. 製品詳細の設定セクションの設定ブロックの設定1. セクションの設定「製品の詳細」セクションの設定セクション設定説明製品詳細最初の折りたたみ可能な行を開く最初の折りたたみ可能な行を開くことができます。 仕様の見出しテキストを入力します見出し見出しセクションのタイトル。 見出しのサイズ見出しのサイズは、 Small 、 Medium 、 Large 、またはExtralargeのいずれかのオプションに設定できます。見出しの配置見出しは、 Left 、 Center 、またはRightに揃えることができます。見出しタグSEO のためにコンテンツを構造化および整理するための見出しタグを選択します。小見出し見出しの小見出しは見出しの上に配置されます。説明見出しの説明テキストは見出しの下に配置されます。ハイライトされたテキストハイライトされたテキスト次の 6 つのオプションから 1 つを選択して、テキストの書式を設定します。文字の色文字の背景色派手な下線通常の下線ステンシルテキスト手描きの落書きハイライトされた落書き強調表示されたテキスト スタイルを[手書きの落書き] に設定する必要があります。この設定では、テキストを強調表示する 5 つの方法が提供されます。丸基本的な下線スケッチの下線波線の下線波線の下線 2色必要に応じて、次のセクションの色をカスタマイズできます。文章背景背景のグラデーションハイライトハイライトグラデーションボタンのテキストボタンの背景ボタンの背景のグラデーションセクション上部パディングと下部パディングを0px...
デフォルトでは、テンプレート グループには 2 つのセクションが含まれています。検索結果最近見た[セクションの追加]リストには、さらに最大 36 個のセクションを追加できます。 1. 検索結果検索結果セクションの設定セクション設定設定説明検索結果ページごとの商品検索後にページに表示される商品数を6件から50件に変更します。デスクトップ上の列の数デスクトップブラウザに表示される列数をカスタマイズします: 2 列または4 列。モバイルの列数モバイルブラウザに表示される列の数をカスタマイズします: 1 列または2 列。フィルタリングと並べ替えフィルタリングを有効にするSearch & Discovery アプリを使用してフィルターをカスタマイズします。 もっと詳しく知る。フィルターを表示できるようにします。フィルターを折りたたむユーザーがフィルター オプションを非表示または表示できるようにします。デスクトップフィルターレイアウトもっと詳しく知る。顧客はナビゲーション設定のフィルターに基づいて検索結果をフィルターできるようになります。色見本を有効にするセットアップ手順を表示します。色見本を表示できるようにします。並べ替えを有効にする顧客は以下に基づいて検索結果を並べ替えることができます。価格、低価格から高- 製品を最低価格から最高価格まで表示します。価格、高値から低値- 製品を最高価格から最低価格まで表示します。ブログポストカードタグを表示管理ブログ投稿のタグを画像付きで表示します。カテゴリを表示カテゴリのリストを表示します(例:製品、コンテンツ... )上映日ブログ投稿の公開日を表示します。コメント数を表示公開されたコメントの総数を表示します。著者を表示ブログ投稿の作成者を表示します。見出し見出しのサイズ見出しのサイズは、 Small 、 Medium 、 Large 、またはExtralargeのいずれかのオプションに設定できます。見出しタグSEO のためにコンテンツを構造化および整理するための見出しタグを選択します。セクション上部パディングと下部パディングのパディングを 0px から 120px まで調整でき、算術的に 4px 増加します。セクション区切り線を表示このセクションの上に行区切りを表示します。セクションを全幅にするコンテナを全幅にします。断面を丸くする上の 2 つの角に丸いエッジを適用します。 カスタムCSSこのセクションにカスタム CSS を追加します。利用可能なブロック:プロモーションブロック1.5...
オンライン ストアでパスワード保護が有効になっており、顧客が Web サイトにアクセスしようとすると、パスワード ページが表示されます。このページには 3 つの主要なセクション グループがあります。パスワード ヘッダー、テンプレート、およびパスワード フッター。それぞれのセクションには複数のセクションが含まれています。ブロックを使用してセクションを追加できます。この記事では、デフォルトのパスワード ページのすべてのセクションとブロックの概要を説明します。このページではパスワードヘッダーテンプレートグループパスワードフッター1. パスワードヘッダーこのページのヘッダーには、パスワード ヘッダー セクションのみが含まれます。パスワードヘッダーセクションの設定テーマ設定でロゴを編集します。セクション設定設定説明透明ヘッダー最初の位置にセクションを追加して、スライドショーやテキストオーバーレイ付きの画像などの透明なヘッダーを許可します。文字の色テキストの色。ボタンのテキストボタンのテキストの色。ボタンの背景ボタンの背景色。背景のグラデーション背景のグラデーションカラー。ポップアップこれらの設定はポップアップ ウィンドウを制御します。文章テキストの色。背景背景色。ボタンのテキストボタンのテキストの色。ボタンの背景ボタンの背景色。ボタンの背景のグラデーションボタンの背景のグラデーション。かぶせるオーバーレイの色。セクション上部のパディングセクションの上部内部空間の高さを決定します。 0px ~ 120px の範囲で、算術的に 4px ずつ増加します。底部のパディングセクションの下部内部空間の高さを決定します。 0px ~ 120px の範囲で、算術的に 4px ずつ増加します。 カスタムCSSこのセクションにカスタム CSS を追加します。このセクションにはブロックを追加できません。 2. テンプレートグループこのページのテンプレートには、デフォルトでは電子メール サインアップ バナー セクションのみが含まれています。 [セクションの追加]リストには、さらに最大 30 個のセクションを追加できます。電子メールサインアップバナーセクションの設定セクション設定設定説明メール登録バナー購読者は、「承認されたマーケティング」顧客リストに自動的に追加されます。もっと詳しく知る。透明なヘッダーを許可する透明なヘッダーを許可します。この設定は、このセクションが最初のセクションである場合にのみ適用されます。透明なフッターを許可する透明なヘッダーを許可します。この設定は、このセクションが最後のセクションである場合にのみ適用されます。画像セクションの背景画像を選択/アップロードします。デスクトップの高さデスクトップ上で表示されるときの画像の高さを決定します。画像に適応- 画像の元のアスペクト比を維持します。 400ピクセル...
ウェブサイトにニュースレターのポップアップを設定するにはどうすればよいですか?
ニュースレター ポップアップは、オンライン ストアが Web サイト訪問者から電子メール アドレスを収集し、電子メール マーケティング リストを作成するための強力な方法です。 Conceptテーマはニュースレターのポップアップをサポートし、ニュース購読プロセスの最適化に役立つさまざまな設定を提供します。この記事では、Web サイトにニュースレターのポップアップをすばやく簡単に設定する方法について説明します。このページではニュースレターのポップアップを構成するニュースレターのフローティング バーを設定するニュースレターのポップアップを構成するShopify 管理者ダッシュボードで、 [オンライン ストア] > [テーマ]をクリックします。 [テーマ] ページで、 [コンセプトテーマ] を選択し、テーマのボタン[カスタマイズ]をクリックします。 ホーム ページの左側のメニューで、 [オーバーレイ] グループ> [ニュースレター] ポップアップセクションまで下にスクロールします。 Nesletter ポップアップセクションでは、テキスト、ボタンなどのさまざまなブロックを追加し、顧客に表示する場合はこれらのブロックのコンテンツを編集/書式設定できます。 ニュースレター ポップアップセクションの設定でニュースレター ポップアップ属性を構成します。 ニュースレターのポップアップセクションの設定:表示モード- ニュースレターのポップアップをプレビューするには、テスト モードを有効にします。外観に満足したら、 「有効」に切り替えて Web サイト上でポップアップをライブにします。ホームページにのみ表示- このポップアップをホームページにのみ表示したい場合は、このオプションにチェックを入れます。訪問者のみに表示- このポップアップを訪問者のみに表示したい場合は、このオプションにチェックを入れます。 Web...
クイックビューポップアップの情報を編集するにはどうすればよいですか?
クイックビュー ポップアップは、顧客が製品画像の上にマウスを移動するかクリックすると、電子商取引 Web サイト上に表示される小さなウィンドウです。通常、ポップアップには、製品名、説明、価格、画像などの製品に関する基本情報が表示されます。一部のクイックビュー ポップアップでは、顧客がポップアップから直接商品をカートまたはウィッシュリストに追加することもできます。この記事では、クイックビュー製品ポップアップに表示される情報を編集する方法について説明します。手順: Shopify 管理者ダッシュボードで、 [オンライン ストア] > [テーマ]をクリックします。 [テーマ] ページで、 [Be Concept]テーマを選択し、テーマのボタン[カスタマイズ]をクリックします。 次に、上部のナビゲーション バーをクリックし、 [製品]タブを選択します。 次に、モーダルテンプレートを選択します。 モーダル テンプレートをクリックすると、編集ウィンドウが表示されます。ここでは、新しいブロックの追加、ブロック テキストの更新、または製品情報セクションのポップアップの不要なブロックの非表示などの変更を加えることができます。 最後に、 [保存]をクリックして、すべての製品にクイック ビュー ポップアップの編集を適用します。注記: [プレビュー]フィールドに特定の製品 (例: 上の画像の「Pomo リサイクル プランター」) が表示されていますが、編集内容はすべての製品のクイック ビュー ポップアップに一貫して適用されます。ポップアップは独自の手法で構築されているため、ユーザーがInspectorで確認することはできません。 * 画像は非商業的な製品のデモンストレーションのみを目的として使用されており、このテーマの説明ドキュメントでの使用のみを目的としています。さらに支援が必要ですコンセプト テーマに関して問題が発生した場合、または追加のサポートが必要な場合は、8 時間以内にチケット システムを通じてサポート担当者にご連絡ください。以下の QR...
"
このページにはデフォルトで 1 つのセクションがあります: Page 。 [セクションの追加]リストには、さらに最大 36 個のセクションを追加できます。ページセクションページセクションの設定セクション設定設定説明見出し見出しのサイズ見出しのサイズは、 Small 、 Medium 、 Large 、またはExtralargeのいずれかのオプションに設定できます。見出しタグSEO のためにコンテンツを構造化および整理するための見出しタグを選択します。文字サイズテキスト サイズは次のオプションのいずれかに設定できます。小中大特大セクション上部パディングと下部パディングのパディングを 0px から 120px まで調整でき、算術的に 4px 増加します。セクション区切り線を表示このセクションの上に行区切りを表示します。セクションを狭くする容器が狭くなってしまいます。断面を丸くする上の 2 つの角に丸いエッジを適用します。 カスタムCSSこのセクションにカスタム CSS を追加します。このセクションにはブロックを追加できません。この記事がお役に立てば幸いです。この機能についてご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。
"さらに支援が必要ですコンセプト テーマに関して問題が発生した場合、または追加のサポートが必要な場合は、8 時間以内にチケット システムを通じてサポート担当者にご連絡ください。以下の QR コードをスキャンして WhatsApp コミュニティに参加し、最新情報、ニュース、お知らせを入手してください。
このページには、関連する製品またはコンテンツのグループが表示されます。 OS 2.0 Shopify テーマであるConceptを使用すると、すべてのページにさまざまなセクションを追加できます。つまり、必要なセクションを追加することで、コレクション ページの外観を完全にカスタマイズできます。 [セクションを追加]ボタンをクリックして、ページに表示するセクションを選択するだけです。これにより、訪問者の関心を引きつけ、情報を提供し続ける、視覚的に魅力的なコレクション ページを作成できます。デフォルトでは、コレクション ページには次のセクションがあります。コレクションバナー製品グリッドテキストオーバーレイを含む画像最近見た1. コレクションバナーコレクションバナーセクションの設定セクション設定説明コレクションバナーコレクションを編集して説明や画像を追加します。 もっと詳しく知る。透明なヘッダーを許可する透明なヘッダーを表示できるようにします。この設定は、このセクションが最初のセクションである場合にのみ適用されます。コレクション画像を表示コレクション画像を表示できるようにします。最良の結果を得るには、アスペクト比 16:9 の画像を使用してください。 もっと詳しく知る。画像断面画像を選択/アップロードします。デフォルトはコレクション画像です。デスクトップの高さデスクトップ上で表示されるときの画像の高さを決定します。画像に適応- 画像の元のアスペクト比を維持します。 400ピクセル - 400ピクセル。 450ピクセル - 450ピクセル。 500ピクセル - 500ピクセル。 550ピクセル - 550ピクセル。 600ピクセル - 600ピクセル。 650ピクセル - 650ピクセル。 700ピクセル - 700ピクセル。 750ピクセル - 750ピクセル全画面表示- ウィンドウブラウザの高さに合わせて画像を拡張します。デスクトップのコンテンツの位置デスクトップ上のコンテンツの位置を設定します。左上中左左下中央上部ミドルセンター中央下右上中右右下デスクトップコンテンツの配置デスクトップ上のコンテンツの配置を設定します。左中心右モバイルレイアウトモバイルの高さモバイルで表示するときの画像の高さを決定します。自動-...
ブログ投稿ページは、単一のブログ投稿を表示する Web ページです。製品やサービスの宣伝、またはその他のさまざまな目的に使用できます。 OS 2.0 Shopify テーマであるConceptを使用すると、すべてのページにさまざまなセクションを追加できます。つまり、必要なセクションを追加することで、404 ページの外観を完全にカスタマイズできます。 [セクションを追加]ボタンをクリックして、ページに表示するセクションを選択するだけです。これにより、訪問者の関心を引きつけ、情報を提供し続ける、視覚的に魅力的なブログ投稿ページを作成できます。 A. デフォルトのブログ投稿ブログ投稿バナーセクションブログ投稿セクションブログ投稿セクション1. ブログ投稿バナーセクションブログ投稿バナーセクションの設定セクション設定説明ブログ投稿バナー透明なヘッダーを許可するこの設定は、このセクションが最初のセクションである場合にのみ適用されます。注目の画像を表示ブログ投稿の注目の画像を表示します。最良の結果を得るには、アスペクト比 16:9 の画像を使用してください。 もっと詳しく知る。画像断面画像を選択/アップロードします。デフォルトは注目の画像です。デスクトップの高さデスクトップ上で表示されるときの画像の高さを決定します。画像に適応- 画像の元のアスペクト比を維持します。 400ピクセル - 400ピクセル。 450ピクセル - 450ピクセル。 500ピクセル - 500ピクセル。 550ピクセル - 550ピクセル。 600ピクセル - 600ピクセル。 650ピクセル - 650ピクセル。 700ピクセル - 700ピクセル。 750ピクセル - 750ピクセル全画面表示-...
ブログ ページは、ブログ投稿のコレクションを含む Web ページです。 OS 2.0 Shopify テーマであるConceptを使用すると、すべてのページにさまざまなセクションを追加できます。つまり、必要なセクションを追加することで、ブログ ページの外観を完全にカスタマイズできます。 [セクションを追加]ボタンをクリックして、ページに表示するセクションを選択するだけです。これにより、訪問者の関心を引きつけ、情報を提供し続ける、視覚的に魅力的なブログ ページを作成できます。このページにはデフォルトで 1 つのセクションがあります:ブログ投稿セクション。ブログ投稿セクションブログ投稿セクションの設定セクション設定説明見出し見出しのサイズ見出しのサイズは、 Small 、 Medium 、 Large 、またはExtralargeのいずれかのオプションに設定できます。見出しの配置見出しは、 Left 、 Center 、またはRightに揃えることができます。見出しタグSEO のためにコンテンツを構造化および整理するための見出しタグを選択します。小見出し見出しの小見出しは見出しの上に配置されます。説明見出しの説明テキストは見出しの下に配置されます。タグフィルターを表示ブログのアイキャッチ画像を表示します。ページごとの投稿数各ページに表示するブログ投稿の数。 6 ~ 48 の 3 の倍数を指定できます。ブログポストカードデスクトップのレイアウト投稿はモバイルに積み上げられます。次の 2 つの表示オプションのいずれかを選択します。グリッド- このレイアウトでは、表示ページ上でブログを等しいブロックに分割します。コラージュ- このレイアウトでは、左側に大きなブログが表示され、右側に小さなブログが表示されます。画像比率画像の画像比率:画像に適応(デフォルト) - 画像のアスペクト比を使用します。これにより、画像が切り取られるのを防ぎます。正方形- 画像を 1:1 の比率でトリミングします。ポートレート- 画像を...
デフォルトのコレクションリストページ: セクションとブロック
コレクション リスト ページは、ストアのすべての製品コレクションをリストする Web ページです。 OS 2.0 Shopify テーマであるConceptを使用すると、すべてのページにさまざまなセクションを追加できます。つまり、必要なセクションを追加することで、コレクション リスト ページの外観を完全にカスタマイズできます。 [セクションを追加]ボタンをクリックして、ページに表示するセクションを選択するだけです。これにより、訪問者の関心を引きつけ、情報を提供し続ける、視覚的に魅力的なコレクション リスト ページを作成できます。このページにはデフォルトで 1 つのセクションがあります:コレクション リスト ページ セクション。コレクションリストページセクションコレクションリストページセクションの設定セクション設定説明コレクション一覧ページデフォルトでは、すべてのコレクションがリストされます。リストをカスタマイズするには、「選択済み」を選択してコレクションを追加します。表示するコレクションを選択してください表示するすべてのコレクションまたは選択したコレクションを選択しますコレクションを並べ替える基準並べ替えは「すべて」が選択されている場合にのみ適用されます。コレクションを表示する順序を決定します。アルファベット順、AZ - 製品をアルファベット順に表示します。アルファベット順、ZA - 製品をアルファベットの逆順に表示します。日付、新しいものから古いもの- 各製品がストアに追加された時期に基づいて、新しいものから古いものまで製品を表示します。日付、古いものから新しいもの- 各製品がストアに追加された時期に基づいて、古いものから新しいものまで製品を表示します。製品数、多い順- 製品数の多い順に製品を表示します。製品数、低いものから高いものへ- 製品を製品数の多い順に表示します。画像表示する画像を選択します:最初の製品またはコレクション画像。画像比率画像比率:画像に適応(デフォルト) - 画像のアスペクト比を使用します。これにより、画像が切り取られるのを防ぎます。正方形- 画像を 1:1 の比率でトリミングします。ポートレート- 画像を 2:3 の比率にトリミングします。風景- 画像を 3:2 の比率にトリミングします。ワイド- 画像を 16:9...
カート ページは、顧客がショッピング カートを確認し、注文を変更し、チェックアウトに進むことができる Web ページです。 OS 2.0 Shopify テーマであるConceptを使用すると、すべてのページにさまざまなセクションを追加できます。つまり、必要なセクションを追加することで、カート ページの外観を完全にカスタマイズできます。 [セクションを追加]ボタンをクリックして、ページに表示するセクションを選択するだけです。これにより、訪問者の関心を引きつけ、情報を提供し続ける、視覚的に魅力的なカート ページを作成できます。デフォルトでは、テンプレート グループには 2 つのセクションが含まれています。カートページセクション最近閲覧したセクション1. カートページセクションカートページセクションの設定セクション設定説明見出し見出しのサイズ見出しのサイズは、 Small 、 Medium 、 Large 、またはExtralargeのいずれかのオプションに設定できます。見出しの配置見出しは、 Left 、 Center 、またはRightに揃えることができます。見出しタグSEO のためにコンテンツを構造化および整理するための見出しタグを選択します。ベンダーを表示カート内の各商品の販売元を表示します。配送料計算ツールを表示送料計算ツール顧客が国/地域、都道府県、郵便番号/郵便番号を入力しておおよその送料を計算できるテーマ設定を有効にします。顧客がログインしている場合は、デフォルトの配送先住所の国が選択されます。セクション上部パディングと下部パディングを0px から 120px まで 4px 刻みで調整できます。セクション区切り線を表示このセクションの上に行区切りを表示しますセクションを全幅にするコンテナを全幅にします。断面を丸くする上の 2 つの角に丸いエッジを適用します。 カスタムCSSこのセクションにカスタム CSS を追加します。利用可能なブロック: 1.1 小計1.2 カートメモ1.3...
商品ページはオンライン ストアにとって重要な要素です。セクションとブロックをカスタマイズすることで、情報量と説得力があり、ユーザーに製品やサービスの購入を促すページを作成できます。製品ページには、ブロックで構成される複数のセクションが含まれています。この記事では、このテンプレートに含まれるテンプレート セクション グループの概要を説明します。デフォルトでは、製品ページには次のセクションがあります。製品情報ヘルプドロワビデオヒーローコラージュテキスト付きの画像スクロールテキスト製品詳細よくある質問アプリ関連商品最近見た1. 製品情報このセクションには製品に関する情報が表示されます。製品情報セクションの設定セクション設定設定説明製品情報デスクトップ上でスティッキーコンテンツを有効にする顧客が注目の製品画像を下 (または上) にスクロールすると、製品コンテンツが画面に貼り付けられます。メディアメディアの種類について詳しくは、こちらをご覧ください。デスクトップメディアの幅デスクトップ上のメディアの幅。このセクションのサイズを変更するには、35% から 70% まで調整できます。注記メディアはモバイル向けに自動的に最適化されます。デスクトップのレイアウトデスクトップのレイアウトを表示します。フリー スクロール- 製品の最初の画像を左側に表示し、他の画像を右側のスクロール リストに表示します。 2 列- 製品画像を 2 列で表示します。サムネイル- 大きな画像の小さな画像を表示して、大きな画像グループの中から特定の画像を見つけやすくします。画像のズーム3 つのオプションが利用可能:ライトボックスを開く:ページを離れることなく、ポップアップ ライトボックス内の画像をズームします。クリックしてホバー:ワンクリックまたはホバーすると、画像の内部ズームがトリガーされます。ズームはありません。注記クリックしてホバーすると、デフォルトでモバイルでライトボックスが開きます。バリアントを選択した後、他のバリアントのメディアを非表示にするバリアントが選択されると、他のバリアントの画像が表示されなくなります。バリアントの選択を解除すると、画像が再表示されます。ビデオの自動再生を有効にするビデオを自動的に再生します。ビデオループを有効にするビデオを繰り返し再生します。モバイルレイアウト次の 2 つのオプションのいずれかを選択します。幅75%全幅モバイルでサムネイルを表示するモバイルではサムネイルを表示します。セクション上部パディングと下部パディングのパディングを 0px から 120px まで調整でき、算術的に 4px 増加します。セクション区切り線を表示このセクションの上に行区切りを表示します。セクションを狭くする容器が狭くなってしまいます。断面を丸くする上の 2 つの角に丸いエッジを適用します。利用可能なブロック: 1.1 ブレッドクラム1.2 テキスト1.3 タイトル1.4 価格1.5SKU 1.6 在庫状況1.7 数量セレクター1.8 バリアントピッカー1.9...
404 ページは、「見つかりません」ページとも呼ばれ、ユーザーが Web サイト上に存在しないページにアクセスしようとしたときに表示される Web ページです。 OS 2.0 Shopify テーマであるConceptを使用すると、すべてのページにさまざまなセクションを追加できます。つまり、必要なセクションを追加することで、404 ページの外観を完全にカスタマイズできます。 [セクションを追加]ボタンをクリックして、ページに表示するセクションを選択するだけです。これにより、訪問者の関心を引きつけ、情報を提供し続ける、視覚的に魅力的な 404 ページを作成できます。デフォルトでは、404 ページのテンプレート グループには 2 つのセクションが含まれています。 404ページのセクション空きスペースセクション1. 404ページのセクションこのセクションには、404 ページの特定のコンテンツまたは情報が表示されます。 404ページセクションの設定セクション設定説明見出し見出しのサイズ見出しのサイズは、 Small 、 Medium 、 Large 、またはExtralargeのいずれかのオプションに設定できます。見出しタグSEO のためにコンテンツを構造化および整理するための見出しタグを選択します。セクション上部パディングと下部パディングを0px から 120px まで 4px 刻みで調整できます。セクション区切り線を表示このセクションの上に行区切りを表示しますセクションを狭くする容器が狭くなってしまいます。断面を丸くする上の 2 つの角に丸いエッジを適用します。 カスタムCSSこのセクションにカスタム CSS を追加します。このセクションではブロックの追加はサポートされていません。 2....