クイック ビュー機能により、製品カードにボタンが追加され、すべての重要な製品詳細を表示するポップアップが開きます。
クイックビュー機能を有効にする
以下の手順に従うと、クイック ビュー機能が有効になり、製品カードに「プラス」ボタンが表示されます。
手順:
- 管理画面から、 [オンライン ストア] > [テーマ]に移動します。
- 編集するテーマを見つけて、 [カスタマイズ]をクリックします。
- テーマ設定アイコンをクリックします。
- [製品タイル]見出しを開き、 [クイック ビュー機能を有効にする]をオンにします。
- 「保存」をクリックします。
クイックビューモーダルのカスタマイズ
クイックビューは常にポップアップに表示され、製品ページを反映します。したがって、製品テンプレートと同じようにクイック ビューをカスタマイズすることもできます。
製品モーダル テンプレートをカスタマイズするには:
- 管理画面から、 [オンライン ストア] > [テーマ]に移動します。
- 編集するテーマを見つけて、 [カスタマイズ]をクリックします。
- ページの上部にあるドロップダウン メニューを開きます。
- [製品] > [モーダル]を選択して、テーマ エディターに製品モーダル テンプレートを読み込みます。
- カスタマイズできるのは製品情報セクション内のブロックのみであることに注意してください。 [+セクションを追加]ボタンで追加された他のセクションは無効です。
- 「保存」をクリックします。
製品情報セクションの設定
| 設定 | 説明 |
|---|---|
| デフォルトで注目のメディアを表示する | リストの最初のメディア ファイルがデフォルトで製品ページに表示されることを確認します。 |
| バリアントを選択した後、他のバリアントのメディアを非表示にする | バリアントが選択されると、他のバリアントの画像が表示されなくなります。バリアントの選択を解除すると、画像が再表示されます。 |
| 画像ズームを有効にする | ズーム機能をオンにします。 |
| ビデオループを有効にする | ビデオをループ再生するように設定し、ビデオが終了すると自動的に再生されるようにします。 |
| デスクトップ上のスペースを埋めるように画像を拡大します | ポップアップの高さに合わせて画像がズームされます。 |
| モバイル画像比率 | モバイルでの商品画像の画像比率:
|
製品情報ブロック
次のブロックを製品情報セクションに追加できます。
テキストブロック
テキスト ブロックは、動的ソースを使用して静的テキストまたは変数データを表示するために使用できます。たとえば、「$100 USD 以上送料無料」などのマーケティング メッセージを表示するテキストを追加すると、各製品に同じメッセージが表示されます。製品のベンダーフィールドなど、表示されている製品に応じて変化する動的ソースを追加することもできます。
| 設定 | 説明 |
|---|---|
| アイコン | 標準アイコンから独自のアイコンを選択します。 |
| 文章 | 商品ページに情報を追加します。テキストまたは動的ソースをサポートします。 |
| テキストスタイル | テキストのスタイルを変更します。
|
タイトルブロック
このブロックには製品のタイトルが表示されます。
| 設定 | 説明 |
|---|---|
| タイトルサイズ | 商品タイトルのサイズ：
|
| 価格サイズ | 商品の価格のサイズ:
|
バリアントピッカーブロック
このブロックには、製品のバリアント オプションが表示されます。
| 設定 | 説明 |
|---|---|
| バリアントラベルを表示 | 商品のバリエーションラベルを表示します。 |
| タイプ | 顧客に対するバリエーションの表示方法を変更します。
|
| 色見本を有効にする | カラー選択をスウォッチに表示します。このセクションは、 [タイプ]が[ボタン]に設定されている場合にのみ適用されます。 |
| スウォッチの種類 | スウォッチの外観。このセクションは、 [タイプ]が[ボタン]に設定されている場合にのみ適用されます。
|
| サイズチャートページ | 顧客が購入する前にサイズを知る必要がある衣料品を販売している場合は、商品ページにカスタム サイズ表を追加できます。ここでは、サイズ表の内容を表すページを選択します。製品が対象となる場合は、サイズ オプションとともにサイズ チャート ボタンが表示されます。クリックすると、ページのコンテンツを含むポップアップが開きます。 サイズチャートの詳細については、この記事を参照してください。 |
購入ボタンブロック
このブロックには、「カートに追加」ボタンと店舗受け取り情報が表示されます。動的チェックアウト ボタンを表示することもできます。
| 設定 | 説明 |
|---|---|
| 数量セレクターを表示 | 顧客が購入する製品の単位数を変更するために使用できる数量セレクターが表示されます。デフォルトの数量は 1 です。 |
| 動的なチェックアウト ボタンを表示する | 支払い設定で有効にした動的チェックアウト オプションが表示されます。 |
在庫ステータスブロック
商品の在庫状況をタイムリーにお知らせするメッセージを表示します。
| 設定 | 説明 |
|---|---|
| 在庫しきい値が低い | メッセージが表示されるためには少なくとも製品在庫が必要であるという値を設定できます。偶数である必要があります。最小値: 0。最大値: 20。デフォルトは 10 です。 |
| 在庫移動通知を表示する | ストアに複数の拠点がある場合、出荷または在庫状況に関する日付に関する転送メッセージが表示されます。 |
製品評価ブロック
このブロックには、製品の平均評価が星で表示され、括弧内にレビュー数が表示されます (例: ★★★★★ (8))。
製品評価を表示するには、 Shopify Product Reviewsなどの製品レビュー アプリと、 reviews.rating_countおよびreviews.ratingのメタフィールド定義が必要です。
ブロックを共有する
このブロックにより、顧客はソーシャル メディアで製品を共有できるようになります。調整可能な設定はありません。
カスタム液体ブロック
このブロックには、ブロックに追加できるカスタムの Liquid または HTML コードが表示されます。
| 設定 | 説明 |
|---|---|
| カスタムリキッド | Liquid または HTML コードとして入力できるコンテンツを表示します。 |
折りたたみ可能な行ブロック
コンテンツは行タブの下に折りたたまれて表示されます。顧客がタイトルをクリックすると、タブが展開されて追加のコンテンツが表示されます。
| 設定 | 説明 |
|---|---|
| アイコン | ドロップダウン リストからアイコンを選択し、折りたたみ可能なコンテンツの見出しの前に表示します。デフォルトはチェックマークアイコンです。 |
| 見出し | 折りたたみ可能な行の見出し。 |
| 行の内容 | 折りたたみ可能な行のコンテンツ。コンテンツはフォーマットしたり、URL リンクを含めたりできます。この機能は、ページの行コンテンツと組み合わせて使用できます。 |
| ページの行コンテンツ | 別のページの既存のコンテンツを折りたたみ可能な行に挿入できます。ページを選択または削除するには、「変更」をクリックします。この機能は、行コンテンツと組み合わせて使用できます。 |
ポップアップブロック
このブロックには、クリックするとポップアップ ウィンドウが開くクリック可能なテキストが表示されます。このポップアップには、ページの 1 つのコンテンツが表示されます。
| 設定 | 説明 |
|---|---|
| アイコン | ポップアップに対応する既成の SVG アイコンを選択します。 [なし] オプションを選択すると、アイコンが無効になります。 |
| リンクラベル | 顧客がクリックしてポップアップ ウィンドウを表示するクリック可能なテキスト。 |
| ページ | ポップアップ ウィンドウにコンテンツを表示するページ。ページ エディターからのページ コンテンツのみを表示します。ポップアップには、ページ テンプレートのリキッド スタイルは表示されません。 |
空のスペースブロック
このブロックは空白スペースを追加します。これは、レイアウトを少し変更したい場合に特に便利です。
| 設定 | 説明 |
|---|---|
| デスクトップの高さ | デスクトップ上のスペースの高さ。 0 ～ 200 の 4 の倍数を指定できます。デフォルトは 28 です。 |
| モバイルの高さ | モバイル上のスペースの高さ。 0 ～ 200 の 4 の倍数を指定できます。デフォルトは 20 です。 |
さらに支援が必要です
BeYours テーマに関して問題が発生した場合、または追加のサポートが必要な場合は、8 時間以内にチケット システムを通じてサポート担当者にご連絡ください。
以下の QR コードをスキャンして WhatsApp コミュニティに参加し、最新情報、ニュース、お知らせを入手してください。
Share:
商品販売バッジを追加/削除するにはどうすればよいですか?
クイックビューポップアップのコンテンツを編集するにはどうすればよいですか?