テーマを選ぶ

シンプルなものから、おしゃれなものまで
気軽にテーマを探してみよう

試してみる

気になるテーマがあったら
すぐにプレビューで試してみよう。

購入する

実際に利用したくなったらさっそく購入!
デザインも自由自在!

fit.
¥6,000

登録がお済みでない方はこちら

http:// .
テーマ情報
対応Apps
デザイナー FROMO
サイト https://fromo.dev/base/fit-dot
最終更新日 2020/10/16

※ショップの表示に影響のあるAppsの一覧です。その他のAppsは全てご利用いただけます。

BASEテンプレート「fit.(フィットドット)」は
シンプルなレイアウトとミニマルな印象で使いやすいベーシックなデザインが特徴です。
そして多数のオプションで充実したカスタマイズ性も備えています。

見た目は普通だけどできることは意外と多い。
そんなテーマです。

その他の特徴
・レスポンシブデザインでスマホでも閲覧可能
・ヘッダーにキャンペーンバナーを表示可能
・TOPページにスライド、ピックアップ、お知らせ、ブログリスト、バナー画像を設置可能
・TOPページのコンテンツの順番を変更可能
・ABOUTページにサイトの説明、ショップ情報、YouTube動画、FAQを設置可能
・「商品説明カスタムApp」や「予約販売App」「抽選販売App」など便利なAppに対応

============================================
◆ fit.を利用したデモショップ
https://fitdot.base.ec/

◆ テーマの詳細はこちら
https://fromo.dev/base/fit-dot
============================================

各機能について
◆ フォント
テキスト全体、見出し、テキストロゴ、キャンペーンバナーのフォントを変更できます。

◆ 色
主要な部分を一括で変更可能
・テキストカラー
・リンクカラー
・ポイントカラー
・ポイントテキストカラー
・ボタンカラー
・ボタンテキストカラー

テキストロゴや購入ボタン、キャンペーンバナー、CTAエリア、商品一覧・商品詳細ページに表示される「SOLD OUT」「COMING SOON」「予約販売」「抽選販売」タグは色変更可能です。
またそれ以外でも全体背景色を変えた時に不自然になってしまう部分などは個別で色を調整できるようになっています。

◆ ロゴ
・ロゴ画像
ロゴは画像の場合、高さが最大90pxまでとなります。
それ以上の場合は縮小表示されますのでご注意ください。

・テキストロゴ
テキストの場合はフォントとサイズをPCとスマホでそれぞれ5段階で調整可能です。
あまり長すぎるロゴは改行されてしまうので、5~10文字以内くらいで横幅に収まるように調整することをおすすめします。
※ヘッダーのデザインからはみ出してしまうほど極端に長い文字は、はみ出した部分が非表示になってしまいますのでご注意ください。
※改行されてしまう場合はヘッダーが大きくなってしまうので追従機能はオフすることを推奨します。

◆ ヘッダー
・ヘッダーの追従機能
スクロール時にヘッダーを画面上部に固定してスクロールに追従させます。
追従時の背景色も変更できます。
※テキストロゴが改行される場合はヘッダーが大きくなってしまうので追従機能はオフすることを推奨します。

・アイコンの背景設定
BASEリンク、カート、メニューボタンに白背景を付けることができます。
メイン画像によってはボタンの視認性が悪くなる場合がありますが、こちらで調整できます。
アイコンの背景の形も変更できます。

◆ フッター
・SNSアイコン
表示・非表示を切り替え可能です。
デフォルトは黒ですが白に変更可能です。

◆ メニュー
サイト右上のハンバーガーボタンを押して開くメニューですが、背景色・文字・マウスオンカラーを変更可能です。

◆ キャンペーンバナー
ヘッダーの上にキャンペーンバナーを設置できます。
画像の場合はPCとスマホでそれぞれ設定可能です。
【推奨画像サイズ】
PC 横1440 × 縦75(px)
スマホ 横750 × 縦90(px)

画像を使わない場合は、キャッチコピーを自由記述できます。
フォント、文字サイズ、文字色を変更可能です。

このバナーにリンクをつけることも可能ですので、ブログや商品ページへの導線にすることも可能です。

◆ TOPページ
・スライド
スライドを4枚まで設置可能です。
【推奨画像サイズ】
PC 横2880 × 縦1360(px)
スマホ 横750 × 縦1200(px)

・バナー
バナー画像を4つまで設定可能です。
【推奨画像サイズ】
横600 × 縦450(px)

・ピックアップ
画像、コンテンツ、リンクボタンを1セットとしてピックアップコンテンツを3つまで追加できます。
【推奨画像サイズ】
横1720 × 縦960(px)

・商品一覧
「SOLD OUT」「COMING SOON」「予約販売」「抽選販売」タグの色変更できます。
画像の表示設定も「枠に合わせる」「枠を埋める」のどちらかに設定可能です。
● 枠に合わせる
→ 画像を枠に合わせて縮小し、どんな大きさでも全て枠内に収まるように表示させます。
● 枠を埋める
→ 画像を枠に合わせて拡大し、すべて枠と同じ大きさに揃えます。
※解像度の低い小さな画像は引き伸ばされてしまいますのご注意ください。

【推奨画像サイズ】
横1600 × 縦1200(px)

・お知らせ
お知らせを最大5件まで表示可能です。
リンクを付けることも可能です。

・ブログリスト
ブログ記事リストをTOPページに表示可能です。
表示する記事の上限を最大4件か8件のどちらかを選択できます。
画像の表示設定も「枠に合わせる」「枠を埋める」のどちらかに設定可能です。
● 枠に合わせる
→ 画像を枠に合わせて縮小し、どんな大きさでも全て枠内に収まるように表示させます。
● 枠を埋める
→ 画像を枠に合わせて拡大し、すべて枠と同じ大きさに揃えます。
※解像度の低い小さな画像は引き伸ばされてしまいますのご注意ください。

【推奨画像サイズ】
横800 × 縦600(px)以上

・CTAエリア
CTAとは「Call To Action」の略で、日本語で言えば「行動喚起」という意味になります。
このエリアはユーザーを目的とする行動やページへの誘導・導線としてお使いいただけます。
デモサイトでは公式サイトに誘導する導線として使っています。

背景・見出し・説明・リンクボタン・枠線のカスタマイズが可能です。

【推奨画像サイズ】
横2880 × 縦1200(px)

・コンテンツの並び替え
TOPページのコンテンツを任意の順番に並び替えることができます。(ヘッダー・フッター・メインビジュアルを覗く)

◆ ABOUTページ
メイン画像、コンセプト情報、YouTube動画、FAQを設定できます。
FAQは最大10件まで設定可能です。

◆ 商品ページ
購入ボタンの色変更、フリーテキスト、関連商品の表示・非表示を設定できます。

フリーテキストは商品説明のすぐ上に設定できます。
商品ごとに個別にではなく一括ですべての商品ページに設定できるので、注意事項や今だけ使えるクーポンコード、キャンペーンについてなどすべての商品で購入の際に伝えておきたい内容を掲載することができます。

関連商品の画像の表示設定を「枠に合わせる」「枠を埋める」のどちらかに設定可能です。
● 枠に合わせる
→ 画像を枠に合わせて縮小し、どんな大きさでも全て枠内に収まるように表示させます。
● 枠を埋める
→ 画像を枠に合わせて拡大し、すべて枠と同じ大きさに揃えます。
※解像度の低い小さな画像は引き伸ばされてしまいますのご注意ください。

◆ その他
・スクロール時のアニメーション
このテーマにはスクロール時にふわっとコンテンツを表示させるアニメーションが適用されていますが、任意で変更できます。
ONにするとアニメーションあり、OFFにするとアニメーションなしになります。

・任意のCSSを追加
CSSの知識がある方はこちらに追記することでデザインのカスタマイズが可能です。

◆ スマートフォン用設定
・スマートフォン用のデフォルトテーマを使用する
ONの場合は、スマホ表示の際にBASEで用意されているモバイルテーマが適用されます。
「fit.」のスマホデザインをご利用の場合は必ずこちらの設定をOFFにしてください。

◆ 対応するBASE Appsについて
・BlogApp
・カテゴリ管理App
・商品検索App
・レビューApp
・セールApp
・ショップコインApp
・販売期間設定App
・デジタルコンテンツApp
・ラベルApp
・メッセージApp
・予約販売App
・送料詳細設定App
・商品説明カスタムApp
・抽選販売App
・BASEロゴ非表示App
・テイクアウトApp
・商品オプションApp
・コミュニティApp

※英語・外貨対応Appは対応していません。

============================================
◆ 更新情報
2020.06 スマホメニューの開閉時の挙動を調整しました。
2020.06 Webフォントの読み込みを調整しました。
2020.06 TOPページのスライドの自動再生機能を調整しました。
2020.06 商品詳細ページのスライド画像の読み込み時間を改善しました。
2020.06 テイクアウトAppに対応しました。
2020.07 TOPページ スライドの自動再生の間隔を調整できるようにしました
2020.08 商品オプションAppに対応しました
2020.09 コミュニティAppに対応しました
============================================
◆ テーマの詳細はこちら
https://fromo.dev/base/fit-dot

◆ ご質問・ご要望については下記サイトのフォームよりお願いいたします。
https://fromo.dev/
============================================

利用しているショップ

決済情報入力

選択中のテーマ

fit.

6,000

クーポンコードをお持ちの方はこちら

カード番号

カード番号を入力してください。

クレジットカード決済

※上記のクレジットカードをご利用いただけます。

有効期限

セキュリティ番号
セキュリティ番号を入力してください。

※ご購入時に、クレジットカード情報はご登録済みのBASEアカウントの情報として保存されます。カード情報の確認・変更は、「ユーザー情報」ページにて行うことができます。

ご登録のクレジットカード

カード番号  

※ご登録済みの決済情報の変更は、「ユーザー情報」ページにて行うことができます。

購入完了

ご購入いただきありがとうございました。

fit.

6,000

fit.」の購入処理が完了しました。ご登録のメールアドレスに購入内容詳細のメールをお送りしておりますので、ご確認ください。