MUTO LAB

AN サポート

和菓子の店のための Shopify テーマ AN の設定手順と、よくある質問です。上から順に進めれば、その日のうちに季節の菓子の帯と菓子ごよみがお客様に出て、用途 × 種類で探せるようになります。お届け希望日・税込表示・書体と色など、土台の KINARI と共通の設定は KINARI のサポートページにあります。

zip をアップロード

Shopify 管理画面の「オンラインストア → テーマ → テーマを追加 → zip ファイルをアップロード」。購入時の zip は保管しておいてください。

言語の既定を日本語に(重要)

「設定 → 言語」で日本語を追加して公開し、英語の行の「…」→「デフォルトを変更」で日本語を選びます。追加して公開しただけでは、ストアは英語で表示されます。

マーケットと配送エリアを日本に

「設定 → マーケット」で対象の地域を日本に、「設定 → 配送と配達」の配送エリアにも日本を入れてください。United States のままだと、在庫があっても全商品が「売り切れ」になります。マーケットを先に直してください。

タイムゾーンを日本に

「設定 → 一般 → ストアのデフォルト設定」のタイムゾーンを(GMT+09:00) 大阪、札幌、東京にしてください。今月の印、冷蔵便の案内を出す月、次の発送日は、ストアの日付で数えます。

更新版の受け取り

ご購入から1年間、更新版を無償でお受け取りいただけます。更新版の受け取りのページでご購入時のメールアドレスを入れると、受け取りリンクをお送りします。更新版の入れ方は KINARI のサポートページと同じです。

無料デモ版

買う前に試せる無料のデモ版があります。入れ方は製品版と同じですが、公開せずに「プレビュー」でご覧ください(公開すると、いまのテーマと入れ替わります)。季節の菓子の帯、菓子ごよみ、夏の冷蔵便の案内、日持ちの表、食品表示はデモ版でも製品版と同じものが動きます。

できることデモ版製品版
季節の菓子の帯・菓子ごよみ使える使える
次の発送日・夏の冷蔵便の案内・予約の発送予定使える使える
日持ちの表・食品表示・アレルゲンの塗り分け使える使える
味わいの図・おいしい食べ方使える使える
用途 × 種類で探す・タイル・絞り込み使える使える
保存の目安の記号表(涼しいところ◯ 冷蔵庫△)—使える
定期便のカード表示(お得率・お届けの間隔)—使える
掛け紙(のし)・包み・メッセージカード(慶弔の見本を含む)—使える
お届け希望日・時間帯—使える

商品ブロック「旬」を、名前を「つくる時期」にして使っています(KINARI 0.10.0 の部品)。1月〜12月の12マスに、その菓子をつくる月(wagashi.season_from / season_to)を塗り、今月に印を付けます。今月が時期なら「いまがつくる時期です(9月〜11月)」、外なら「つくる時期は3月〜4月です」。12月〜1月のように年をまたいでも描けます。一年中つくる菓子には値を入れないので、帯は出ません。

時期の外の菓子は、在庫を0にしておくのがおすすめです。売り切れと出たまま帯が残るので、「来年の春にまた」が伝わり、ページを毎年作り直さずに済みます。

トップのセクション「旬カレンダー」は、見出しを「菓子ごよみ」にして、季節の菓子を並べています。並びはコレクションの並び順のままです。手動で並べられるコレクションにして、時期の早い順に並べてください(デモでは「カレンダー」のタグの品を、作った順に並べています)。「いまつくっている菓子だけ」に絞ることもできます。

ブロック「贈り物の指定」(KINARI と同じ部品)を、「ギフト向き」のタグの菓子にだけ出しています。包み(白い包装紙・風呂敷)、外のし・内のし、表書き、名入れ、メッセージカードを選べ、入力した内容は注文の明細に残ります。

表書きを選ぶと、掛け紙の見本がその場で描かれます。水引と熨斗は表書きの語から決まります。

  • 内祝・御礼・御祝・御年賀: 紅白の蝶結び、熨斗あり
  • 寿: 紅白の結び切り、熨斗あり
  • 志・御供・粗供養(志・霊・仏・供の字を含むもの): 黒白の結び切り、熨斗なし

表書きの一覧はブロックの設定で1行に1つずつ変えられます。語から決まる水引を変えたいときは「快気祝|結び切り」のように | の後ろに 蝶結び / 結び切り / 黒白 を書きます。

次の発送日は、火〜土曜・12時締め(前日)にしてあります。曜日・締め切り・年末年始の休みはブロックの設定で変えられます。予約の品には出しません。

夏の冷蔵便は、商品に 夏は冷蔵 のタグを付けると、6月〜9月のあいだだけ商品ページとカートに「6月〜9月は冷蔵便でお届けします。届いたら冷蔵庫へ入れ、食べる30分前に出してください」が出ます。案内を出す月は、「販売条件」ブロックとカートのセクションの両方で変えられます。テーマは案内を出すだけで、送料は決めません。1月だけの花びら餅のように、夏につくらない菓子にはタグを付けないでください。

予約は、wagashi.ships_at に「2027-01-05」のように日付を入れると「2027年1月5日から順にお届けします(予約)」と出ます。wagashi.limit_per_order に数字を入れると「お一人様3点まで」。予約の品は在庫が0でも注文を受けられるよう、商品の在庫の設定で「在庫切れでも販売を続ける」をオンにしてください。

価格のすぐ下の「この菓子について」は、ブロック「仕様表」です。入り数(wagashi.pieces)・餡(bean)・大きさ(size)・日持ち(keep)・箱(box)を表にし、値が空の行は出しません。餡は商品カードの副題にも出ます(テーマ設定の「カードの副題(メタフィールド)」に wagashi.bean)。

食品表示は KINARI と同じブロックで、名称・内容量・原材料名・アレルゲン・賞味期限・保存方法・製造者(kinari.*)を出します。アレルゲンに「卵・小麦」のように入れると、特定原材料の並びの中で含むものだけが塗られます。表示の内容はお店の責任でお確かめください。テーマは入力した値をそのまま出します。

  • 味わい: 横軸「あっさり↔こっくり」(wagashi.sweet)、縦軸「なめらか↔もっちり」(texture)に −3〜3 の整数。図の下に特徴のタグ(notes)。店の中で比べられることが大事なので、自分の店の菓子どうしの位置関係で決めてください
  • 保存の目安: wagashi.keep_chips に「涼しいところ◯」「冷蔵庫△」「冷凍×」のように、末尾に ◯ / △ / × を付けて1行ずつ
  • おいしい食べ方: wagashi.steps に1手順1行で。竹筒の水ようかんの出し方、固くなった餅の焼き方など

「設定 → カスタムデータ → 商品 → 定義を追加する」で、次の項目を作ります。AN のものは wagashi.キー、食品表示は KINARI と同じ kinari.キー です。全部で22件、20分ほどです。使わない項目は作らなくて構いません。

キー名前型使う所
wagashi.season_from / season_toつくる時期の始まり・終わり整数(1〜12)季節の菓子の帯・菓子ごよみ
wagashi.occasion用途単一行テキストのリスト(自宅用・手土産・内祝・お祝い・法要・お供え)用途 × 種類で探す
wagashi.pieces / bean / size / keep / box入り数・餡・大きさ・日持ち・箱単一行テキスト日持ちの表・カードの副題(餡)
wagashi.sweet / textureあっさり↔こっくり・なめらか↔もっちり整数(−3〜3)味わいの図
wagashi.notes / keep_chips / steps味わい・保存の目安・おいしい食べ方単一行テキストのリスト図の下のタグ・記号のチップ・手順
wagashi.limit_per_orderお一人様整数販売条件
wagashi.ships_at発送予定単一行テキスト(2027-01-05 の形)販売条件(予約の菓子)
kinari.product_name / net_weight / allergens / shelf_life / storage名称・内容量・アレルゲン・賞味期限・保存方法単一行テキスト食品表示
kinari.ingredients / maker原材料名・製造者複数行テキスト食品表示

CSV で一括で入れるときは、用途 (product.metafields.wagashi.occasion) の形で列を足します。リスト型の列は、セルの中で改行して並べます。

Shopify 純正の無料アプリ「Search & Discovery」を入れ、「絞り込み → 絞り込みを追加」で次のソースを登録します。これを登録すると、トップの「用途 × 種類で探す」が自動で埋まります。

  • 用途(商品メタフィールド wagashi.occasion)
  • 商品タイプ(生菓子・羊羹・焼き菓子・干菓子・詰め合わせ)

価格と在庫状況は、アプリを入れた時点で最初から登録されています。

季節の菓子の帯が出ません

wagashi.season_from と season_to を整数型で作ってあるか、その商品に1〜12の値が入っているかを確かめてください。

冬の菓子に冷蔵便の案内が出ます

案内は「夏は冷蔵」のタグの商品にだけ、6月〜9月に出ます。夏につくらない菓子からはタグを外してください。

「志」の掛け紙が紅白になります

表書きの語に「志・霊・仏・佛・供」の字が入っていると黒白になります。別の語を黒白にしたいときは、表書きの一覧で「偲草|黒白」のように書いてください。

掛け紙の欄が出ません

「ギフト向き」のタグの商品にだけ出る設定です。すべての菓子に出したいときは、ブロックの「このタグの商品にだけ出す」を空にしてください。

全商品が「売り切れ」になります

テーマではなくストアの設定です。マーケットと配送エリアに日本を入れると直ります。マーケットが先です。

  • お受けするもの:テーマの不具合、設定の手順、メタフィールドや絞り込みの作り方、季節の菓子の帯・菓子ごよみ・掛け紙・夏の冷蔵便のブロックの設定、CSV の列名。購入から6か月間、3営業日以内にお返事します。
  • お受けしないもの:お客様が書き換えた部分、他社アプリとの併用で起きた不具合、デザインの作り込みの代行、商品登録の代行、食品表示の内容の確認、配送料の設定。
  • 更新:新しい版は1年間無料、その後も不具合の修正は無料です。更新版の受け取りからどうぞ。
  • 連絡先:お問い合わせフォーム。ストアの URL と、どの画面で何が起きたかを書いていただけると早く進みます。

公開の前に、表示の抜けを一覧にするページです。テーマエディタで開いたときだけ中身が出ます。お客様が開いても何も出ず、検索にも載りません。

  1. 「オンラインストア → ページ → ページを追加」で、タイトル「表示の点検」のページを作り、右の「テーマテンプレート」で compliance を選んで保存します。メニューには載せません
  2. 「オンラインストア → テーマ → カスタマイズ」で、上のページ選択から「固定ページ → compliance」を開きます
  3. ✗(抜けている)と注意を、書いてある場所で直します。「ご自身で確かめること」は、左の欄でブロックを開いて「確かめた」に印を付けて保存します

確かめること

  • 店全体: 特定商取引法の表記とその主な語、返金・プライバシーのポリシー、通貨、税込、表示の言語、タイムゾーン、配送エリア。定期便を売る店は定期購入ポリシーと解約の条件
  • 商品: 価格0円・写真なし。食品を売る店は、食品表示(名称・原材料名・内容量・賞味期限・保存方法・製造者)を入れ始めた商品の抜け
  • ご自身で確かめること: テスト注文で最後の確認画面を見た、特定商取引法の表記を消費者庁の例と見比べた、返品の条件を見つけられる、など

野菜・果物・鮮魚のような生鮮食品も売る店は、ブロック「必須の項目」の「食品表示(加工食品)」の対象を「この商品タイプの商品」にして、加工食品の商品タイプ(例: ジャム,焼き菓子)だけに絞ってください。そのままだと、生鮮食品にも「原材料名・賞味期限が空」と出ます(生鮮食品の表示は名称と原産地です)。

印とメモはテーマの設定に保存されます。点検表は、法令に合っていることを保証するものではありません。

0.8.0(2026-10-24)
土台の KINARI 0.22.0 が入りました。入荷のお知らせ・在庫ありだけの絞り込み・日本語の検索候補・カートの2列と自動更新・送料無料に届く品の案内を足し、スマホでは絞り込みをたたむようにしました。商品ページが横にスクロールできた不具合を直しました。
0.7.0(2026-10-23)
土台の KINARI 0.21.0 が入りました。掛け合わせで探すに、主な値だけを先に出して残りをたたむ設定を足しました。コレクションを指定すると選択肢が出なかった不具合と、商品説明の画像や表が画面からはみ出すことがあったのを直しました。
0.6.0(2026-10-23)
土台の KINARI 0.20.0 が入りました。商品写真のサムネイルを押しても写真が切り替わらなかった不具合を直しました。商品ごとに選択肢(サイズ・名入れ・「受注生産の了承」など)を出せる商品ごとの選択肢のブロックを足しました(楽天の「項目選択肢」をそのまま移せます)。「商品オプション」の必須のチェック欄が外れたままでも注文できたのも直しました。
0.5.1(2026-10-02)
土台の KINARI 0.19.1 が入りました。配布する zip に入っていた開発用のファイルを、入れないようにしました。
0.5.0(2026-10-02)
土台の KINARI 0.19.0 が入りました。講座や体験会のための開催日程と空席・キャンセル規定(商品ページのブロック)と開催日程の一覧(セクション)、カートの講座の案内を足しました。送らない品だけのカートでは、お届け希望日と送料の案内を出さないようにしました。
0.4.0(2026-10-02)
土台の KINARI 0.18.2〜0.18.3 が入りました。表示の点検で、商品タイプごとに点検を分けられるようにし、「表現の見直し」で決めた項目の値も、「ページの表示」で期限の日付も見られるようにしました。食品表示の項目名を「食品表示(加工食品)」にしました。
0.3.0(2026-09-28)
土台の KINARI 0.18.0〜0.18.1 が入りました。足したもの: 表示の点検に「ページの表示」。決まった文や標識が、実際のページに出ているかを、テーマエディタで点検のページを開いたときに確かめます/表示の点検に「表現の見直し」。商品名と説明に、見直したほうがよい語が含まれていないかを見ます。見つかっても「注意」で、違反と決めるものではありません/「必須の項目」の対象に「この項目がこの値の商品」。「区分が医薬部外品の商品だけ」のように絞れます/フッターに「許可の表示」。古物商許可のように、サイトに出すことが決まっている許可を書くと、全ページのフッターに出ます(どれも既定はオフ)。直したもの: 下書きのテーマを点検すると、「ページの表示」が公開中のテーマのページを見ていました/日本語が既定でない店で、「ページの表示」が英語のページを見ていました/商品が50件を超える店で、定期便の商品が2ページ目以降にしか無いと、1ページ目に定期便の点検が出ませんでした(設定「定期便を売っている」を足しました)。
0.2.0(2026-09-27)
土台の KINARI 0.11.0〜0.17.0 が入りました。足したもの: 商品オプション(名入れなど)を、タグで出し分けられるようにしました。名入れできる品にだけ名入れの欄を出す、ということが、テンプレートを分けずにできます/給与量の目安のブロック。体重ごとの量の表から、お客様が入れた体重に合わせて1日の量と何日分かを出します(ペットフードのほか、量を体重で決めるものに)/刻印の見本。お客様が入れた名入れの文字を、選んだ色・書体・仕上げ(素押し・金箔・銀箔)でその場で描きます/売り切れの品を隠さずに見せる設定(「売約済み」などの表示名・写真を淡く・並べ方)と、売り切れのときにほかの品や相談の窓口へつなぐ売り切れのときの案内のブロック/実寸と手持ちの服との比べのブロック(お客様が手持ちの服の実寸を一度入れると「身幅が3cm広い」と差を出します)と、状態の段階のブロック/保健機能食品の表示・1日あたりの目安・定期購入の条件のブロック。定期便を選ぶと、価格の下に2回目以降の価格を出し、カートにも回数・支払・解約の条件を出します/表示の点検。固定ページを作ってテンプレートに「compliance」を選び、テーマエディタで開くと、特定商取引法の表記・各ポリシー・税込・配送エリアなどの抜けと、ご自身で確かめることを一覧にします(お客様には見えません)(どれも既定はオフ)。直したもの: 診断の結果の上の見出しが、どの店でも「あなたに合いそうな香り」になっていました。既定を「あなたに合いそうなもの」にし、セクションの設定「結果の上の見出し」で変えられるようにしました/タグで出さないブロックの分だけ、商品ページに隙間が空いていました/のし紙の見本で、5文字以上の表書き(御出産御祝など)が水引の結びに重なっていました。字を小さくして収めます/商品オプションの文字数(3 / 10)が、説明が長いと2行に折れていました/商品オプションの説明が短いと、文字数と説明がまとめて右に寄っていました/バリエーションを選び直しても、オプション名の横の選んだ値(「色 キャメル」)が最初の値のままでした/トップのお知らせの見本で、年末年始のお休みに「終了」の札が付いていました。札を付けないようにしました。
0.1.0(2026-09-24)
最初の版。季節の菓子の帯と菓子ごよみ、慶弔の掛け紙(内祝は紅白、志・御供・粗供養は黒白)、夏の冷蔵便の案内(6〜9月)、日持ち・入り数・餡・箱の表、行事の予約、食品表示、味わいの図、保存の目安、おいしい食べ方、次の発送日(火〜土)、用途 × 種類で探す、お届け希望日。プリセットは「AN 小豆」と「AN 練り切り」。土台は KINARI 0.10.0

土台の KINARI の更新履歴は KINARI のサポートページにあります。KINARI が直れば、AN にも入ります。