BOXページに表示される「おまかせ選択」ボタンを使うと、ストア側で優先度を設定した商品の中から、自動でBOXに必要な数の商品が選ばれ、カートに追加されます。
※優先度は商品ごとに数値で設定でき、数値が小さいほど優先的に選ばれます。
Shopify管理画面の
設定＞メタフィールドとメタオブジェクト＞商品にアクセスし、新しい定義を追加します。
1-2. 以下のメタフィールドを定義します。
項目 | 内容 |
名前 | おまかせ選択 |
ネームスペースとキー |
|
説明 | 任意 |
タイプ | 1行テキスト（単一の値） |
オプション | Storefront API アクセス→ONにする |
※画面右上より、定義をピン止めしてください。
ピン止めすると商品に対してメタフィールドの設定ができるようになります。
▼登録手順動画
Shopify管理画面の「商品管理」から、おまかせ選択対象としたい商品を選び、先ほど定義した「おまかせ選択」項目に整数の値を入力します。
数値が低いほど優先度が高くなり、おまかせ商品の対象として選ばれやすくなります。
「おまかせ選択」ボタンの色は、テーマに適用されているCSSファイルにスタイルを追記することで変更できます。
【手順】
theme.liquid や layout/theme.liquid を参照し、テーマ全体に適用されているCSSファイルを特定します（base.css等）
特定したCSSファイルの末尾などに、以下のコードを追記してください
※色コードは一例です。ストアのデザインに合わせて調整してください。
Plaintext
/*おまかせ選択ボタン有効時の色*/
.huckleberry-box-setting-filter-container > div:first-child button {
background-color: #e74c3c; /* 背景色 */
color: white;/*ボタンの文字色*/
}
/* おまかせ選択ボタン無効時（disabled）の色 */
.huckleberry-box-setting-filter-container > div:first-child button:disabled {
background-color: #ddd; /* 背景色 */
color: black;/*ボタンの文字色*/
}注意点
おまかせ選択以外のフィルター機能を併用する場合、フィルターにも影響する可能性があるため、必要に応じて適宜調整を行なってください。