ウィジェット共通設定の詳細

この記事ではウィジェットの共通設定についてまとめています。
共通設定では、ウィジェット全体の見た目や動作に関連する設定を行えます。また、説明の文言においては、固定の文言だけではなく、「変数」を利用したカスタマイズができます。

共通設定の項目

「選択中の説明」「商品画像をリンクにする」に関しては、商品ページ、カートページでのみ有効です

説明

チェックボックス横の設定を変更します。標準ではお客様の目に初めに触れることになります。希望の商品に合わせて文言を設定してください。

選択中の説明

ギフトオプションが選択中（チェックされているとき）の文言を変更します。
デフォルトはセレクトボックスの文言と同じ {optionTitle} - {price}になります。
※{optionTitle} の意味については後述しています。

商品画像をリンクにする

フォーム設定で商品画像を表示している場合のみ利用可能です。商品画像をクリックしたときに、オプション商品ページを新規タブで開きます。

読み込み時にウィジェットを開く

標準は、チェックを入れると入力フォームが表示されます。この項目を有効にするとページの読み込みが完了するのと同時に入力フォームを開くことができます。
先頭のオプション商品が表示されるので、お客様はギフトオプションの存在に気が付きやすくなります。

変数について

文言のカスタマイズに利用できる「変数」について説明します。

「説明」で利用できる変数

変数	置き換えられる値
{optionTitle}	{productTitle} / {variantTitle} と同様。
{productTitle}	選択中の商品タイトル。
{variantTitle}	選択中の商品バリエーションタイトル。
{price}	選択中の商品価格。 ショップ設定通貨に合わせて通貨記号がつきます。

「選択中の説明」で利用できる変数

「説明」で利用できる変数に加えて、 以下が利用できます。

変数	置換される値
{description}	共通設定の「説明」。

設定例

以下は「説明」に変数を使って設定を行ったときに、画面に表示される文言の例です。

終わりに

共通設定でどのようにウィジェット動作が変わるかを見てきました。
「説明」の文言など考えるにあたっては、ウィジェット設定のページ設定や商品設定も重要になってきます。
以下のページも参考にして頂きながら、ウィジェット設定全体で考えることでお客様が選びやすいウィジェットにしてもらえればと思います。