Shopifyアプリ【Infinite Options】で制限なく商品オプションを増やす方法

公開日: 2021.09.24

最終更新日: 2022.06.13

Shopifyアプリ【Infinite Options】で制限なく商品オプションを増やす方法

こんにちは。カンナートディレクター3年目のYAMATOです。
普段は中央線沿線のコスパのよい飲み屋をはしごする、がぶ飲みシスターをやらせていただいております。お酒の種類は問いません。

パーッと飲みに行けないご時世、しょぼくれてしまいますね。。
ビールがおいしい夏がもう終わってしまいますよ。。

まあ気を取り直して、今回は「中野～西荻窪周辺のコスパ抜群ワインバー３選」をご紹介します！といきたいところですが、今回はWEBディレクターの職務をまっとうし、最近Shopifyのストア構築で利用しましたアプリ「Infinite Options」についてご紹介します。

１ Infinite Optionsってどんなアプリ？

Infinite Optionsってどんなアプリ？をお話する前に、そもそもECストアにおける商品オプションとは何かの前提をお話します。

・そもそもECストアのオプションって何のこと？
ECストアで商品をカートに入れる際、商品ページでアイテムの色やサイズなど選択することがありますよね。この色やサイズが「オプション」に当たります。

また例えば、オプションの「色」を選択すると、RED、BLUE、WHITE、GREENなど種類がまとめて表示される機能については「バリエーション」と呼ばれています。shopifyのデフォルト機能でもオプション設定は可能です。ただ、

・ひとつの商品に設定できるオプションは3つまで
・ひとつの商品に設定できるバリエーションは100まで

という制限があるんですよね。とはいえ、商品のなかには3つ以上オプション選択したい場合や、オプションごとにもっと複雑な設定をしたい場合もあるでしょう。
「Infinite Options」は、端的にいえばそのオプション設定を無限に増やすことができる有能アプリなのです。

・Infinite Optionsでできること

Infinite Optionsの現在のスペックは以下となります。（2021年9月24日現在）。

Infinite Options
トライアル期間：14日間
月額費用：$8.99〜（2021年9月24日現在）

Infinite Options | Shopify App StoreProduct options, swatches, input fields, bundling + more!apps.shopify.com

レビューの評価が5段階中4.9なので、この機能が必要なストアにはまず使い勝手のよいアプリと判断してよいでしょう。前述のとおり、Infinite Optionsを導入すればオプション設定を制限なく増やすことができます。
しかもバリエーションの見せ方の種類も豊富。現在設定可能なオプションの種類がこちら。

Text(テキスト入力)
Large Text（テキスト入力（大））
Number（数値入力）
Radio buttons（ラジオボタン）
Check Boxes（チェックボックス）
Drop Down Menu（ドロップダウンメニュー）
Swatch（スウォッチ）

Shopifyデフォルト機能同様のドロップダウン型式のほか、ラジオボタンやチェックボックスで単一or複数選択の設定も可能。スウォッチ設定をすればカラーチップでカラーバリエーションを作成するのも簡単です。

次に、「Infinite Options」の設定方法について詳しくご紹介します。

２詳しい！Infinite Optionsの設定の流れ

まずは、Shopifyアプリストア（https://apps.shopify.com/）で、「Infinite Options」を検索してみましょう。

発見！これです。

「Add app」を押下したら次画面にて「アプリをインストール」を押下。これで14日間無料トライアルができるようになります。

次画面がこのような形です。特に前段階の設定などはなく、いきなりオプション設定を進めることができます。「Option Sets」を押下してさっそく設定開始です！

「Create a new Option set」を押下します。

①「OptionSet1」は何でも構いません。これから作成するオプション名を入力します。「商品Aのオプション項目1」とかでOKです。

②は条件設定です。「Option Set 1表示させる商品の条件を設定します。登録済みの各商品に付与している「Tag(タグ)」「Vender(ベンダー)」「Type（タイプ）」「URL」「Handle（ハンドル名）」「All Product」から条件が1つの場合は1つ、複数ある場合はorかandで複数条件を設定します。

例えば、「ベンダーが●●商店、Typeがバッグの商品に出すオプション項目」の場合は、「Vender＝●●商店、and　Type＝バッグ」のように設定すると、●●商店のバッグの商品ページにのみ、OptionSet1の内容が表示されようになります。