無料テンプレート機能対応表はこちら Discover MONO MANY PACK ICE MODE 種別
レスポンシブ
レスポンシブ
レスポンシブ
レスポンシブ
レスポンシブ
レスポンシブ 共通
店長情報
◯
◯
◯
◯
◯
◯
...
デザイン
フリーページを使ってランディングページを作ろう
https://shop-pro.jp/manual/lp_with_freepage
広告を出すときランディングさせるページが欲しい!
イベントやセールなど、特別な訴求したい!
目玉商品について普通の詳細ページとは別に、訴求するページが欲しい! そんなあなたにぴったりなのが、フリーページを使ったランディングページの作成です!
特に広告を出稿されている・もしくは出稿する予定のある方は、せっかく予算をかけるものですから、
訴求に適したページがない場合は、...
無料テンプレート機能対応表
https://shop-pro.jp/manual/free_template_list
「無料で使えるデザインテンプレート」を解説した動画もあわせてご覧ください。 https://www.youtube.com/watch?v=PVGoY8HrHz4 有料テンプレート機能対応表はこちら WASHI nano Bit カラーミーキット SHELF オーガニック ...
有料テンプレート「MODE」のバナー差し替え方法
https://shop-pro.jp/manual/mode_template
管理者ページ「デザイン>テンプレート編集」の「共通>HTML・CSS編集」、「トップ>HTML・CSS編集」に合計4つ、バナー設置箇所がございますのでご確認の上、該当の画像URL設置のご対応のほど、よろしくお願いいたします。 なお、レスポンシブ対応にする為に「共通」と「トップ」の二箇所でそれぞれ同じ画像URLを設置していただく必要がございます。
※「トップ」がスマートフォン部分で...
ショップSSLページのカスタマイズ
https://shop-pro.jp/manual/customize_sslpage
ログインページなど、ショップのSSLページをカスタマイズする方法です。
目的に合わせて各ページに以下のソースを設置し、任意のカラーに変更してください。
編集方法 オリジナルの背景に変更したい
body {
background-color: #******; /* 背景色を指定する場合 */
background-image: url(https://********...
スライドショー設定
https://shop-pro.jp/manual/slideshow
スライドショー機能とは
ショップのトップページに大きな画像を貼りつけて、商品やショップの雰囲気を表現することができます。
スライドショーを設定したサンプルショップは こちら
※本機能を利用したスライドショーの対応ブラウザは、Firefox, Chrome, Safari, iOS, Android, IE7+となります。 ※HTML、CSSの編集に関しましては、サポート対象外となります...
画像サイズ
https://shop-pro.jp/manual/imgsize
商品や決済、配送先で表示する画像のサイズの初期設定を行います。 アップロード済みの画像には適用されません。
縮小処理では、縦横比率を保持して縮小されます。
画像の劣化が起こるため、指定されたサイズへの拡大は行われません。
使用中のテンプレートによっては、表示サイズが異なる場合がございます。 下記ページにて、編集・確認することができます。
ショップ作成>デザイン設...
入力支援ツールを使う
https://shop-pro.jp/manual/design_html_editor
入力支援ツールを使用すると、HTMLタグを知らない場合でもカスタマイズが容易になります。
入力した文字の色や大きさを変更したり、画像の挿入にご活用ください。
【 入力支援ツール 】は以下の項目にて使用可能です。 【 テンプレート編集 - 上級モードで編集 】 - 「HTML編集」
【 ショップ情報を設定する - トップページ設定 】 - 「お知らせ」「フリースぺース」「店長一言メ...
フリーページ設定
https://shop-pro.jp/manual/design_tmpl_free
フリーページの新規追加、編集、表示状態の変更を行います。
【編集中のテンプレートを確認するには】 ボタンをクリックすると、編集中のショップ画面を確認できます。
下記ページにて、編集・確認することができます。
ショップ作成>デザイン設定>フリーページ編集
「フリーページの編集・活用方法」を解説した動画もあわせてご覧ください。 編集するテンプレートを選択します。 【デ...
デザイン設定(上級)
https://shop-pro.jp/manual/design_tmpl_lst_sub2
使用するテンプレートのHTML、CSSを編集しデザインをカスタマイズすることができます。
【編集中のテンプレートを確認するには】テンプレート名もしくは「利用中のテンプレート」の下にある画面キャプチャをクリックすると、編集中のショップ画面を確認できます。 テンプレート選びに迷っている方へ
レスポンシブのテンプレートがおすすめです。 下記ページにて、編集・確認することができます。
...
デザイン設定(初級)
https://shop-pro.jp/manual/design_tmpl_lst_sub1
使用するテンプレートを初級モードで編集を行います。
初級モードでは、テンプレートの文字のサイズや色を簡単に設定することができます。
設定できる項目は、使用するテンプレートのデザインにより異なります。
編集中のテンプレートを確認するには、【プレビュー】をクリックすると、編集中のショップ画面を確認できます。
下記ページにて、編集・確認することができます。
ショップ作成>デザイン設定>テ...
デザイン設定
https://shop-pro.jp/manual/design_tmpl_lst
使用するテンプレートの選択や、テンプレートの編集を行い、ショップの見た目を自分好みに変えることができます。 テンプレート選びに迷っている方へ
有料テンプレート機能対応表
無料テンプレート機能対応表
※カラーミショップではレスポンシブのテンプレートをお勧めしております。 下記ページにて、編集・確認することができます。
ショップ情報設定>デザイン設定
テンプレートを利用する手順
...