テンプレートの初期設定

ロゴ画像の設定

ロゴ画像を使用するには上級者モードの管理画面メニューから、ショップ作成->ショップ情報のページを開きます。 ショップ作成

ショップ情報記入ページでショップロゴ画像のhttpモードをONにし、「ファイルを選択」ボタンからロゴ画像を選択します。 ファイル選択

ロゴ画像がアップロードできたら、ショップ情報編集画面の下にある更新ボタンを押して設定を更新します。ショップのトップページをリロードすると、先ほどアップロードした画像が表示されています。 画像表示

これでロゴ画像の設定は完了です。

サイト説明文の設定

ColorStockのテンプレートにはサイト説明文を表示できます。 説明文

この部分を変更するにはテンプレートの編集ページを開き、テキストを書き換える必要があります。

書き換える場所は、共通ページのヘッダーにあります。この部分のテキストを表示したいテキストに書き換えてください。

サイト説明文が不要の場合は、「ここにサイトの説明文を追加」のテキストを削除してください。 書き換え

テキストを書き換えたら、更新ボタンを押して設定を保存します。その後ショップのトップページをリロードすると書き換えたテキストが表示されます。 説明文表示

これでサイト説明文の設定は完了です。

スライダー画像の設定

ColorStockのテンプレートではスライドショーを使った画像スライダーに対応しています。インストール直後は画像が設定されていないため、なにも表示されません。

まずはスライドショーに表示したい画像をアップロードします。 画像のアップロード方法は、カラーミーショップマニュアルのスライドショー設定スライドショー設定をご覧ください。 スライドショー設定

テンプレートにはすでにスライドショータグが貼付けられているため、画像をアップロードした時点でショップにスライドショーが表示されます。 スライドショーの表示

スライドショー設定の変更方法

テンプレートですでにスライドショータグを設置していますが、アニメーションスピードなどの設定を変更することができます。

変更するには、スライドショー設定画面下部にある設定を変更した後、出力用HTMLタグをコピーします。 html

このテンプレートでは、スライド方法はフェードのみ対応しています。横スライドを選択された場合表示が崩れる可能性がありますのでご注意ください。

フェード対応

コピーしたタグをトップページに設置されているスライドショータグと入れ替えます。 タグの入れ替え

スライドショーが設置されている位置はテンプレートによって異なります。

スライドショーで発生する不具合について

カラーミーショップのスライドショーをiOSのSafariで表示すると、スライドショーの下に空白ができてしまうバグが発生する場合があります。

バグが発生する場合はスライドショーのjavascriptを以下のように書き換えてください。

// 変更前
$(function(){
    $('#slider').bxSlider({
        // オプションの内容省略
    });
});

// 変更後
$(window).load(function() { // この行を書き換え
    $('#slider').bxSlider({
        // オプションの内容省略
    });
});

これでスライダーの設定は完了です。

results matching ""

    No results matching ""