BASEデザインマーケット「note +」 125naroom

note +

ネットショップのデザインをもっと自由に

note + / BASEデザインマーケット テンプレート説明書 ネットショップのデザインをもっと自由に
note + / BASEデザインマーケット テンプレート説明書 ネットショップのデザインをもっと自由に
note + / BASEデザインマーケット テンプレート説明書 ネットショップのデザインをもっと自由に
note + / BASEデザインマーケット テンプレート説明書 ネットショップのデザインをもっと自由に

nOte

シンプルにいろいろなノートが出し入れできます。

+

ポイントは、「まる」と「しかく」。
そして、「わく」と「せん」です。

+

注目商品をプラスしたり、
スライドショーをプラスしたり、
動画をプラスしたり、バナーをプラスしたり、
いろんな「カタチ」に出会えると思います。

+

メニューが左側に固定されているので
商品数が多いストアさんにはおすすめです。

+

シンプルなデザインなので
しろ」が好きなストアさんにもおすすめです。

+

もちろん簡単にカスタマイズできます。
もちろん、スマートフォンでもシンプルです。

+

デモショップ:https://noteplus.base.shop/

「柔軟に優しくありたいな」をモットーに作りました。

SALE

ネットショップのデザインをもっと自由に

テンプレートの詳しい使い方は、下記をご覧ください。

info

2022.01.19

<対応BASEアプリ>「お知らせバナーApp」「メールマガジンApp」に対応いたしました。

2021.09.29

ショップで設定できるSNSの追加(YouTube / TikTok / note)に対応いたしました。

2020.07.15

<対応BASEアプリ>「商品オプションApp」「テイクアウトApp」「抽選販売App」に対応いたしました。

22020.03.18

<対応BASEアプリ>「商品説明カスタムApp」に対応いたしました。

2019.06.21

<対応BASEアプリ>「予約販売App」に対応いたしました。

2019.02.13

<対応BASEアプリ>「販売期間設定App」「ショップコインApp」に対応いたしました。

2018.02.21

商品ページに関連商品が表示されるように対応いたしました。

2017.10.03

<対応BASEアプリ>「セールApp」に対応いたしました。

2017.08.14

<商品画像>20枚表示に対応いたしました。

2017.07.28

<対応BASEアプリ>「レビューApp」に対応いたしました。

2017.03.06

<レイアウト>「幅 - 少し大きめ」「幅 - 少し小さめ」を追加しました。

2017.02.14

「note +」の販売がはじまりました。

ロゴ背景レイアウト

note + 125naroom

<ロゴ>

  • オリジナルロゴも自由に設定できます。
  • フォントの種類(8種類)、色、太さ、サイズを変更できます。
  • オリジナルのロゴ画像を使用する場合のおすすめサイズは、幅510px以上おすすめです。

<背景>

  • 背景色と背景画像を自由に設定できます。
  • サンプル背景を「happy」「maru」「star」の3種類用意しました。
  • オリジナルの背景画像を使用したい場合は、「画像を使用する」をONにしてカメラボタンを押して画像を登録してください。
    *その際、<背景>サンプルは「使用しない」を選択するのをお忘れなくです。

<レイアウト>

  • レイアウト「幅 - 少し大きめ」「幅 - 少し小さめ」を選択できます。

<フォント>

お店のことなど>

note + 125naroom

<お店のことなど>

  • ショップ名(ロゴ)の下にサブタイトル(お店の紹介文など)を小さく入れることができます。自由にご利用ください。

メニュー

note + 125naroom

<メニューのお知らせ>

  • メニューの上に「まるいお知らせ」を設定できます。
    *タブレット、スマホではカタチが「しかく」になります。
  • 表示、非表示を選べます。
    *メニューのお知らせを使用するときは<メニューのお知らせ>ON/OFFを「ON」にすることをお忘れなくです。
  • タイトル、テキストを自由に変更できます。
  • 背景色を自由に変更できます。
  • リンクのON/OFFが選べます。

<メニュー>

  • 文字の色を自由に変更できます。
    (*スマートフォン表示でのメニューの文字の色は変更できません。)
  • メニュー枠(線)を自由に変更できます。
    (*スマートフォン表示でのメニュー枠(線)は変更できません。)
  • メニューのテキストを変更できます。
  • 外部リンク(オフィシャルサイトなど)を設定できます。
  • 外部リンクのテキスト、URLを変更できます。

スライド画像

note + 125naroom

<スライド画像>

  • 表示、非表示を選べます。
    *スライド画像を使用するときは<スライド画像>ON/OFFを「ON」にすることをお忘れなくです。
  • 最大4枚まで自由に設定できます。
  • 各画像にリンクを貼ることができます。
  • スライドページャーの表示、非表示を選べます。
    *スライドページャー → スライド画像の下のほうにある「○●○○」。

各タイトル
おすすめ、News、MOVIE、Memo

note + 125naroom

<各タイトル>

  • フォントをまとめて変更できます。
  • 文字の太さをまとめて変更できます。

おすすめ商品
*商品ページにも表示されます。

note + 125naroom

<おすすめ商品>

  • おすすめ商品を2点、載せることができます。
  • 表示、非表示を選べます。
    *おすすめ商品を使用するときは<おすすめ商品>ON/OFFを「ON」にすることをお忘れなくです。
  • 枠線の色、枠線の太さを変更できます。
  • タイトル、テキストを自由に変更できます。
  • タイトル位置(左寄せ、センター、右寄せ)を変更できます。
  • 文字の色を自由に変更できます。
  • 各画像にリンクを貼ることができます。

News

note + 125naroom

<News>

  • お知らせとして自由にご利用ください。
  • 表示、非表示を選べます。
    *Newsを使用するときは<News>ON/OFFを「ON」にすることをお忘れなくです。
  • 枠線の色、枠線の太さを変更できます。
  • タイトルを自由に変更できます。
  • タイトル位置(左寄せ、センター、右寄せ)、テキスト位置(左寄せ、センター)を変更できます。
  • 文字の色を自由に変更できます。
  • テキストを自由に変更できます。
    *改行、テキストリンクも自由にできます。(下記を参考をどうぞ)
            125naroomがBASEのテンプレートになりました<br>
            BASE デザインマーケット<br>
            「note +」<br>
            <a href="https://design.thebase.in/detail/32" target="_blank">https://design.thebase.in/detail/32</a>
            

MOVIE>YouTube

note + 125naroom

<MOVIE>

  • 表示、非表示を選べます。
    *MOVIEを使用するときは<MOVIE>ON/OFFを「ON」にすることをお忘れなくです。
  • タイトル、テキストを自由に変更できます。
  • 文字の色を自由に変更できます。
  • 再生ボタンをテキストボタンか画像ボタンが選べます。
  • テキストボタン選択時はテキストを自由に変更できます。
  • 画像ボタン選択時はオリジナルの画像を挿入できます。
    *オリジナルの画像を作る際のサイズは800px×450pxおすすめです。
  • YouTubeのIDを入れるだけでOKです。
    *使用するYouTubeページのURL「https://www.youtube.com/watch?v=*******」の「*******」を入力してください。
    note + 125naroom

商品サムネイル

note + 125naroom

<商品サムネイル>

  • カタチを「まる」「しかく」、自由に選べます。
  • タイトルを自由に変更できます。
  • タイトルの文字の色を自由に変更できます。

Memo
*全ページに表示されます。

note + 125naroom

<Memo>

  • フッター近くにも<Memo>エリアを作りました。トップページだけでなく他のページにも表示されるので愉快にご利用ください。
  • 表示、非表示を選べます。
    *Memoを使用するときは<Memo>ON/OFFを「ON」にすることをお忘れなくです。
  • 枠線の色、枠線の太さを変更できます。
  • タイトルを自由に変更できます。
  • タイトル位置(左寄せ、センター、右寄せ)、テキスト位置(左寄せ、センター)を変更できます。
  • 文字の色を自由に変更できます。
  • テキストを自由に変更できます。
    *改行、テキストリンクも自由にできます。(下記を参考をどうぞ)
            125naroomです<br>
            「いちにぃごなるーむ」と読みます
            

告知バナー
*全ページに表示されます。

note + 125naroom

<告知バナー>

  • フッター近くに<告知バナー>エリアを作りました。トップページだけでなく他のページにも表示されるので自由にご利用ください。
  • 表示、非表示を選べます。
    *告知バナーを使用するときは<告知バナー>ON/OFFを「ON」にすることをお忘れなくです。
  • リンクのON/OFFが選べます。(外部リンクも可)

SNS

note + 125naroom

<SNS>

  • いいね!ボタンの表示、非表示を選べます。
  • ツイートボタンの表示、非表示を選べます。

フッター

note + 125naroom

<フッター>

  • 文字の色を自由に変更できます。
  • コピーライトは自由に書き換え可能です。

aboutページ>

note + 125naroom

<aboutページ>

  • aboutページ専用の画像を表示できます。
  • 表示、非表示を選べます。
    *aboutページ専用の画像を使用するときは<aboutページ>画像ON/OFFを「ON」にすることをお忘れなくです。
  • 文字の色を自由に変更できます。
  • aboutページの文章は、デザイン編集画面からではなく、ショップ設定画面の「ショップの説明」から入力できます。

商品検索

note + 125naroom

<商品検索>

  • 背景色、文字色、テキストを自由に変更できます。(*商品検索App利用時)

パンくず

note + 125naroom

<パンくず>

  • パンくずリスト(サイト全体の中での位置)の色を自由に変更できます。(*カテゴリ管理App利用時)

その他と注意事項

note + 125naroom

<ページトップボタン>

  • 右下にページトップボタンを用意しています。
  • クリックするとスムーズにページトップに移動します。

<レスポンシブ対応>

  • 商品一覧は、スマートフォンの大きさ(幅)によって【1列表示】か【2列表示】に変わります。
    例えばiPhone7、8、Xでしたら【2列表示】になります。Android(アンドロイド)端末も同様にスマホの幅によって【1列表示】か【2列表示】に変わります。
    幅の狭いスマートフォンは【1列表示】になります。
    ▽例
    【1列表示】iPhone5/SE、など(幅の狭いスマートフォン)
    【2列表示】iPhone7、8、X、など
  • スマートフォン表示にて「note +」のデザインを表示したい場合は、テーマ設定の「スマートフォン用デフォルトテーマを使用する」をOFFにしてお使いください。
    (初期状態ではONになっておりますのでご注意ください。)
    *こちら要注意です。(こちらにチェックがはいっていると「note +」のデザインが反映されません)

<対応BASEアプリ

note + 125naroom

<対応BASEアプリ>

  • メッセージ
  • カテゴリ管理
  • 送料詳細設定
  • BASEロゴ非表示
  • デジタルコンテンツ販売
  • 英語・外貨対応
  • Blog
  • ラベル
  • 商品検索
  • 定期便
  • レビュー
  • セール
  • ショップコイン
  • 販売期間設定
  • 予約販売
  • 抽選販売
  • 商品説明カスタム
  • 商品オプション
  • テイクアウト
  • お知らせバナー
  • メールマガジン

BASE Apps

125naroomのこと>

125naroom

125naroomです。

「いちにぃごなるーむ」と読みます。

写真を撮ったり
絵を描いたり
何かを作ったり

125naroom HP


素敵な日々を


125naroom

SALE

ネットショップのデザインをもっと自由に