GOODPR!
GOODPR!

簡単に予約システムが作れるameriaプラグイン

いやー朝倉未来、負けてしまいましたねー。ムサエフも負けてしまい、ボンサイショックから約1週間立ち直れずにいました。いやはや、ますます日本のMMAが面白くなってきました。ありがとうサトシとクレベル。そして朝倉未来、悔しいけど、悔しいけれど、これからも応援していきます。さて…

ウチの、「ベーシックプラン」でも使用したりする、ameriaプラグインのカスタマイズに関して、最近質問を受けましたので、簡単なカスタマイズをご紹介しておきます。ちなみにこのameriaプラグインは、中身がしっかりしているので、これから「自分で予約システム作りたい」のような方におすすめです。

今回、質問を受けたのは

「ameriaの初期状態から枠線を消したい」

「文字の小ささを調整したい」

「ご予約おめでとうをなんとかしたい」

以上の部分。サクッとCSSでやっつけてしまいましょう。

div#amelia-step-booking0 {
box-shadow: none !important;
border:none !important;/* ボックスのシャドウを消す*/
}


.am-confirmation-booking-details div:first-child {
  display: none !important; /* 担当名非表示 */
}
span.el-radio-button__inner { /* 日付をクリックすると表示される時間帯を見やすく */
  font-size: 1.8rem !important;
  font-weight: 800 !important;
	width: 100% !important;
  text-align: center !important;
  padding: 3px 10px; !important;
}
#am-continue-button span { /* 「続行」ボタンの文字を大きく */
  font-size: 1.4rem;
}
.am-success-payment h4 { /* 予約完了時の「おめでとうございます」非表示 */
  display: none !important;
}
#am-add-to-calendar .am-svg-wrapper svg {
	display: none !important; /* 画像なし */
}

あとは、フォントサイズ等変更してうまく自身のサイトで構築してください。

このameriaプラグインは、このサイトのサンプルにある美容室サンプルでも使用しています。

もちろん!プレミアム制作プランでは、サイトにぴったりのオーダーメイドフォームの制作も行っております。

(サンプル:ホテルの予約システム

ぜひ、気になる方はお気軽にお問い合わせくださいね。

それでは、今週はいよいよRIZIN29ですね!今度こそやっち君の勝利を願いながら、週末はビール観戦します。

ありがとうございます。

GOODPR!:GAKUSHI

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


Awesome Work

その他の投稿