Docy Child

スキンのインストール方法

ここではスキンのインストール方法についてご説明いたします。

EXIMアプリのインストール

ストアの管理画面を開いていただき、まずはアプリのインストールから進めていきます。
スキンのファイルを利用するにはExImというShopifyアプリが必要です。これは、スキンをテーマにインポートするためのアプリです。

ExImアプリのインストール①

それではこちらのアプリをインストールしてみましょう。
Shopifyストア管理画面の「設定」 → 「アプリと販売チャネル」→「Shopifyアプリストア」から、Shopifyアプリストアに行きます。

ExImアプリのインストール②

Shopifyストアについたら「EXIM」 いーえっくすあいえむと検索してExImアプリをインストールします。

ExImアプリのインストール③

 アプリが見つかりましたら、「アプリを追加する」をクリックしてEXIMアプリをShopifyストアにインストールしてください。
こちらのストアではすでにアプリがインストールされているためこのような表記ですが、インストールがまだの場合は「アプリを追加する」と表示されています。

ExImアプリのインストール④

こちらをクリックすると自動でストアの管理画面に戻り、「アプリをインストール」という緑色のボタンをクリックしてインストールを完了してください。
インストールが終わりましたら、アプリの設定画面を開いてください。
こちらが先ほどインストールしたExImアプリの設定画面です。

『MISEル』ライセンス購入者特典 ExImクーポンコードについて

本来こちらのアプリは有料ですが、『MISEル』テーマをご購入いただいた方は無料で使えるクーポンコードを用意しています。
購入後のメールににございます、そちらのクーポンコードをご使用ください。
「Subscription Plan」のタブをクリックし Coupon Codeにコードを入れてください。
無料で機能制限なく使えるようになります。

スキンファイルをテーマにインポート

以上でアプリの準備は完了しましたので、次にインポートするスキンファイルを用意します。
『MISEル』テーマのインストールはすでに終わっている状態で進めてください。
『MISEル』テーマのインストール方法については「テーマのインストール方法・有効化」の動画およびマニュアルをご覧ください。

スキンのインポート①

それでは、購入時にダウンロードした「skins.zip」ファイルを解凍してください。
skins.zipファイルは『MISEル』テーマを購入した際に テーマファイルと同じくダウンロードできるようになっています。
購入画面、または購入した際に届いたメールのダウンロード項目をご確認ください。

スキンのインポート②

中にはそれぞれの『MISEル』のデモサイトに応じたzipファイルが入っています。
これらが「スキン」ファイルです。

スキンのインポート③

スキンファイルをインポートするには、 ExImのアプリの「Theme settings」の項目をクリックしてください。
もしExImのアプリがサイドバー内に表示されていないようでしたら、アプリの項目からインストール済のアプリを検索してください。
もしくは設定のアプリの管理からも確認できます。

スキンのインポート④

それでは実際にインポートしていきます。
まずは「Import」の方でインポート先の『MISEル』テーマを選択します。
今回はこちらのMISEルテーマを選択します。

スキンのインポート⑤

ちなみに、これからテーマ設定をインポートするこちらのテーマの現時点での見た目も確認しておきましょう。
現在はこのように、デフォルトのテーマ設定、セクション設定がされている状態です。

スキンのインポート⑥

それでは、今回はお茶がテーマになっているデモサイトのテーマ設定をインポートしていきます。
先程解凍した「skins」のフォルダの中にある、インポートしたいスキンファイルを選びインポートを行います。
tea.zipのファイルをインポートしますので、ドラックアンドドロップしてください。

スキンのインポート⑦

読み込みが正常に完了すると、「Import completed」と表示されます。

ご注意

こちらが実際にテーマ設定をインストールしたテーマになります。
ここで一つ注意事項です。
ExImでテーマ設定はインポートできますが、『MISEル』のデモサイトにあるような、画像・商品・コレクション・メニューといったものはインポートされません。ご自身のストアの画像、商品の画像をShopifyにインポートしてお使いください。
メニュー・コレクションもご自身のストアに合わせてShopify管理画面より作成してください。

商品の追加とコレクションの作成

商品の追加、コレクションの作成はShopifyの商品管理画面から設定できます。