デザイン

有料テンプレート機能対応表

https://shop-pro.jp/manual/toll_template_list

無料テンプレート機能対応表はこちら   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

使用するテンプレートの選択や、テンプレートの編集を行い、ショップの見た目を自分好みに変えることができます。 テンプレート選びに迷っている方へ 有料テンプレート機能対応表 無料テンプレート機能対応表 ※カラーミショップではレスポンシブのテンプレートをお勧めしております。 下記ページにて、編集・確認することができます。 ショップ情報設定>デザイン設定 テンプレートを利用する手順 ...