「Concept」サポート

顧客の注文にギフト包装サービスを提供することで、オンライン ストアの提供内容を強化します。このサービスには製品ごとに料金を請求できます。 Conceptでは、ギフト包装オプションはカート引き出しとカート ページの両方から簡単にアクセスできます。 このページではギフトラッピング商品を作成するメニューを作成するギフトラッピング商品を作成するまず、ギフト ラッピング オプションを商品として作成します。管理画面から、 [製品]に移動し、 [製品を追加]をクリックします。 他の商品を作成するのと同じように、ギフトラッピング商品を作成します。 タイトルによって製品の名前が決まります。商品の説明を使用して、商品のギフト包装に使用される素材を説明できます。ギフトラッピング製品の価格をそれに応じて設定することで、ギフトラッピングサービスの価格を決定します。ギフトラッピングを無料でご希望の場合は、ギフトラッピング商品の価格を0に設定してください。この例では、ギフトラッピングの価格を$10.00に設定しました。メディアでは、[追加] または [URL から追加] をクリックして、顧客にギフト ラッピングを紹介する画像をアップロードできます。 ギフト包装商品に在庫があることを確認してください。または、設定を調整して、 Shopifyでこの商品の在庫追跡を無効にします。ストアが複数の場所で運営されている場合は、 Shopify がギフト包装製品の在庫を追跡できないように、 [数量を追跡]オプションの選択を解除します。 「保存」をクリックして終了します。メニューを作成する管理者から、 [オンライン ストア] > [ナビゲーション] > [メニューの追加]をクリックします。 Titleで、メニューにGift wrapping名前を付け、メニューに割り当てられるハンドルがgift-wrappingなるようにします。 ギフト包装商品をメニューに追加します。 「メニュー項目の追加」をクリックし、ギフトラッピング製品へのリンクの名前を入力します。 [リンク] フィールド内で、検索バーにgift-wrapと入力するだけで結果をフィルタリングできます。 「ギフトラッピング」の商品が表示されますので、選択肢よりお選びください。 「追加」をクリックします。 「メニューを保存」をクリックして終了します。さらに支援が必要ですコンセプト テーマに関して問題が発生した場合、または追加のサポートが必要な場合は、8 時間以内にチケット システムを通じてサポート担当者にご連絡ください。以下の...

Shopify は膨大な無料フォントのコレクションを提供していますが、ブランドのガイドラインに合わせるためにカスタム フォントが必要になる場合があります。希望のフォントが Shopify でネイティブにサポートされていない場合でも、心配する必要はありません。私たちのチームは、Web デザインを強化するための幅広いフォントのカスタマイズ オプションを提供するアプリを開発しました。私たちのアプリで可能性を発見し、店舗の美観を高めてください。 このアプリがお役に立てば幸いです。これに関してご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。さらに支援が必要ですコンセプト テーマに関して問題が発生した場合、または追加のサポートが必要な場合は、8 時間以内にチケット システムを通じてサポート担当者にご連絡ください。以下の QR コードをスキャンして WhatsApp コミュニティに参加し、最新情報、ニュース、お知らせを入手してください。

Conceptでは、ヘッダーは Web サイト全体の透明性を維持します。有効にすると、使用できる唯一のカスタマイズ オプションはテキストの色です。 顧客に対する表示を制御するには、ヘッダーの下の最初のセクションで切り替えることができます。たとえば、ヘッダーの下にあるテキスト オーバーレイを含むビデオ セクションには、透明ヘッダーを有効または無効にするオプションがあります。 これらの設定をよりよく理解するには、以下のビデオを参照してください。このビデオでは、テキスト色#EF4444の透明なヘッダーと、ヘッダーの下に配置されたテキスト オーバーレイ セクションを含むビデオを紹介しています。この記事がお役に立てば幸いです。この機能についてご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。さらに支援が必要ですコンセプト テーマに関して問題が発生した場合、または追加のサポートが必要な場合は、8 時間以内にチケット システムを通じてサポート担当者にご連絡ください。以下の QR コードをスキャンして WhatsApp コミュニティに参加し、最新情報、ニュース、お知らせを入手してください。

Shopifyバリアントは、商品にさまざまなオプションを作成する優れた方法ですが、バリアントごとに完全に異なるページを作成する必要がある場合、制限が多すぎる可能性があります。たとえば、バリエーションごとに独自のセクション、配色、コンテンツを作成しながら、それらのバリエーションを関連製品にリンクしたい場合があります。 ここでデモを確認してくださいConceptでは、メタフィールドを使用してさまざまな製品をリンクできます。このチュートリアルでは、メタフィールドを使用して兄弟製品スウォッチを作成する方法を段階的に説明します。新しい製品を作成するバリエーションごとに個別の商品ページを作成するには、管理画面でバリエーションごとに新しい商品を作成します。例えば： 3 つのカラー バリエーションがある製品 (例: Air Beats ) がある場合は、各色 ( Timber 、 Black 、およびGold Tone ) に 1 つずつ、合計 3 つの新しい製品を作成します。 3 つの新しい製品を作成しました。エアが木材に勝つエアがブラックに勝つエアビートゴールドトーンAirBeats製品の3つのカラーバリエーションを表現しています。 新しいメタフィールドを作成するここでは、オプション ( Timber 、 Black 、 Gold Tone ) の実際の値を保持するメタフィールドを作成する必要があります。 Shopify 管理 > カスタムデータの製品メタフィールド定義に移動し、定義の追加をクリックします。 メタフィールドの名前、名前空間、およびキーを入力します。メタフィールド タイプとして[単一行テキスト]と[1...

顧客が購入する前にサイズを知る必要がある衣料品を販売している場合は、商品ページにカスタム サイズ表を追加できます。この手順では、サイズ表の設定方法を説明します。このページではサイズ表の適格性このサイズ チャート機能の対象となるすべての製品には、 [サイズ]オプションが必要です。注記：デフォルトでは、製品のオプションをチェックすることによって検証がチェックされます。商品に「サイズ」という名前のオプションがある場合、対象とみなされます。ただし、必ずしも「サイズ」にしたいとは限らない場合や、ストアが英語以外の言語 (例: フランス語のtaille ) である場合もあります。この場合、検証に使用される名前を変更できます。テーマ管理者で、テーマに移動し、 [アクション]メニューの[言語の編集]をクリックします。 検索バーにsize_triggerと入力して[サイズ チャート トリガー] 設定を見つけ、必要に応じてバリアント名を変更します。 「保存」をクリックして変更を確認します。サイズチャートを有効にするまず、サイズ表コンテンツのページを作成する必要があります。管理者から、 [オンライン ストア] > [ページ]に移動し、 [ページを追加]をクリックします。必要に応じて、 Shopify の公式ドキュメントをご確認ください。バリアント ピッカーブロックに移動すると、製品ページ、注目の製品セクション、または製品モーダルでサイズ チャートを有効にできます。 [サイズ チャート ページ]というオプションがあり、ここで作成したばかりのページを選択します。 製品が対象となる場合は、サイズ オプションの下にサイズ チャート ボタンが表示されます。クリックすると、ページのコンテンツを表すポップアップが開きます。注記：以前は「バリエーション」と表示されていたボタンが「サイズ表」と表示されるようになりました。 * 画像は非商業的な製品のデモンストレーションのみを目的として使用されており、このテーマの説明ドキュメントでの使用のみを目的としています。さらに支援が必要ですコンセプト テーマに関して問題が発生した場合、または追加のサポートが必要な場合は、8 時間以内にチケット システムを通じてサポート担当者にご連絡ください。以下の QR コードをスキャンして WhatsApp コミュニティに参加し、最新情報、ニュース、お知らせを入手してください。

このガイドでは、サンプル ビデオで紹介されている機能を再現して、 [コレクション] ページでサブコレクションを構成する方法を説明します。 サブメニュー タイトルの上にマウスを移動すると、対応する画像が表示されます。この設定では、管理パネル内のメタフィールド名...構造を利用します。 1. まずサブメニューを作成します。これはサブコレクションのコンテナとして機能します。 2. 次に、メタフィールドの設定を行います。この手順は、ユーザーがサブメニュー タイトルの上にマウスを移動したときに画像が表示されるようにするために重要です。サブメニューの作成[オンライン ストア] > [ナビゲーション]に移動し、新しいメニューを作成します。このメニューでは、必要に応じて独自のコレクションの構造を作成します。たとえば、これはデモで作成したものです。 このメニューのすべてのメニュー項目はコレクションにリンクされている必要があることに注意してください。 テーマエディター内で、コレクションページ>製品グリッドセクション >サブコレクションブロック >メニューの選択 > 上の例のように作成したメニューを選択しますサブコレクション。 サブコレクションが表示されるはずです。 メタフィールドの設定を行います。まず、新しいメタフィールドを作成します。このメタフィールドはすべてのコレクションに表示されます。管理者ダッシュボードで、[設定] > [カスタム データ] > [コレクション] > [定義の追加] を選択します。 この新しいメタフィールドを設定するには、次の正確な手順に従ってください。名前- Thumbnail名前空間とキー- theme.thumbnail 「ファイル」を入力してから、 「1 つのファイル」を選択します。検証- [画像]を選択します。サポートされているファイル形式は、 JPEG、PNG、WEBP、SVG、HEIC 、 GIFです。ファイル...

このテーマにはメガ メニューのサポートが付属しており、この手順ではメニューのセットアップ方法を示します。 💡注:この記事では、テーマの最初のリリース以来の機能である簡素化されたメガ メニューについて説明します。 Concept v4.0.0から、タブ付きメガ メニューと呼ばれる新しいスタイルを導入しました。タブ付きメガ メニューの設定に関するガイダンスについては、この記事を参照してください。このページではメガメニューの外観メガメニューの設定メガメニューブロック設定メガメニューの外観Conceptでは、次のようにコンテンツが列に配置されたメガ メニューを作成できます。 メガ メニューは、メニュー項目とプロモーションの2 つの部分の組み合わせです。 メガメニューの設定まず、ネイティブの Shopify ナビゲーションを使用して、メニューを複数のレベルで設定する必要があります。複数のレベル (ドロップダウン) でメニューを作成する方法については、 Shopify の公式ドキュメントをご覧ください。以下は、最初のスクリーンショットのメガ メニューに対応するメニュー構造の例です。 テーマ設定で、セクションリストのヘッダーをクリックし、メニュー設定に移動して、上で作成したメニューを選択します。 メガ メニューの設定を続けるには、 [メガ メニューの追加]をクリックしてメガ メニュー ブロックを追加します。 [メガ メニュー]設定では、メガ メニューを含むメニュー項目の名前を入力するだけです。 「メニュー項目」に入力した名前は、メニュー項目の名前と一致する必要があることに注意してください。以下は、ショップアイテム内にメガメニューが含まれている例です。 でメニュー項目の設定では、オプションでさまざまなプロモーション用に最大 5 つの画像をアップロードできます。これらの画像はメガメニューのバナーに表示されます。 以下は、5 つのプロモーションを含むコレクション メニューの例です。 詳細については、メガメニューのブロック設定を確認してください。メガメニューブロック設定セクション設定設定説明メガメニューメニュー項目メガ メニューに含めるメニュー項目の名前を入力します。 「メニュー項目」に入力した名前は、第...

Conceptでは、カスタム Javascript イベント リスナーとトリガーを使用できます。テーマをカスタマイズするとき、カスタム スクリプトを実行したり、サードパーティ アプリと統合したりした後に、いくつかのイベントに接続することが必要になる場合があります。サポートされているイベントの JavaScript パターンを提供します。トリガーページがロードされましたトリガーカードを引いて更新する製品が Ajax カートに追加されました商品をカートに追加できませんでしたクイックビューモーダルが開きますクイックビューモーダルがロードされましたバリエーションの選択が変更されましたコレクションページが再レンダリングされますトリガーページがロードされましたHTML ドキュメントとすべての遅延スクリプトは完全に解析されました。 document.addEventListener('page:loaded', function() { // Page has loaded and theme assets are ready });カードを引いて更新をトリガーする数量の変更後にカート オブジェクトを更新するには、次の JavaScript パターンを使用します。 document.addEventListener('cart:updated', function(evt) { console.log(evt.detail.cart); });製品が Ajax カートに追加されましたdocument.addEventListener('ajaxProduct:added', function(evt) { console.log(evt.detail.product); });商品をカートに追加できませんでしたdocument.addEventListener('ajaxProduct:error', function(evt) {...

Concept を使用すると、セクションや関連ブロックを任意のページに追加できます。 Concept では、セクションは通常、 Header 、 Overlay 、 Template 、およびFooterの 4 つの主要なグループに分類されます。それぞれのセクションには複数のセクションが含まれています。ブロックを使用してセクションを追加できます。この記事では、すべてのセクションとブロックの概要を説明します。このページではWeb ページのセクション グループは、特定の目的のためにグループ化されたセクションのコレクションです。通常、メイン セクション グループは 4 つあります:ヘッダー グループ、オーバーレイ グループ、テンプレート グループ、およびフッター グループ。注記セクションには次の 2 種類があります。静的セクション:ユーザーの入力や操作に基づいて変更されない Web サイトのセクション。動的セクション:ユーザー入力または対話に基づいて変化する Web サイトのセクション。 A. ヘッダーグループアナウンスバー（静的セクション）ヘッダー(静的セクション)利用可能なセクション（動的セクション） B. オーバーレイグループカート引き出し（静的セクション）検索ドロワー(静的セクション)クッキーバンヌ（静的セクション）ニュースレターポップアップ(静的セクション) C.テンプレートグループこのグループを使用すると、より柔軟に動的セクションを作成できます。ブログ投稿コラージュブログ投稿のコラージュコレクションリストお問い合わせフォーム地図でのお問い合わせカウントダウンタイマーカスタムリキッドメール登録空きスペースよくある質問注目のコレクション注目の製品画像比較テキスト付きの画像テキスト付きの画像テキストオーバーレイを含む画像テキストオーバーレイを含む画像ロゴ一覧ルックブック地図複数列アイコン付きの複数列複数の注目コレクションポートフォリオ最近見たリッチテキストスクロールテキスト外観を購入するスライドショーお客様の声お客様の声のバナータイムラインビデオビデオヒーローテキストオーバーレイを含むビデオD. フッターグループフッターフッターの著作権利用可能なセクションA.セクショングループ「セクション グループを使用すると、テーマ開発者はテーマ レイアウト内にセクションの動的な集合体を作成できます。言い換えれば、セクション グループを使用すると、テーマ内で特定のセクションをグループ化できます。これにより、販売者はテーマ内でセクションを直接追加、削除、並べ替えることができます」エディタ。" 続きを読む1. ヘッダーグループページの上部にあるセクション。通常、Web サイトのロゴ、ナビゲーション...