固定背景bg1を左から右へ動かしたり、じんわり拡大するcssはカスタムに入っている。片方は効かなくしている。
新・固定表示の開閉タブ
下記cssとJS【新・固定表示開閉タブOP/CL タブ遅延仕様 / 表示が崩れない対策】でうごく。
/* ===========================
NEW 固定表示開閉タブ
完全作り直し版
動き:
・文章の幅は最初から完成幅
・外側だけ0幅にして隠す
・中身は左からスライド
・高さ計算JSなし
============================= */

無料のHPフィッティング(デモサイト作成)
❖ 画像や文章は、事業内容に合わせて変更可能
❖ 他のデザインも見たい方はこちら

固定背景を非表示にするには、stock-blockをクラス名にいれる。それとbg5 or bg6のクラス名を変更する → bg6stockとか。
スライド、アンカー確認!
【基本型4枚 2枚まで増加可能】
通常:
b1 → b2 → b3 → b6 → b7
bg1 → bg2 → bg3 → bg4
1枚追加:
b1 → b2 → b3 → b4 → b6 → b7
bg1 → bg2 → bg3 → bg5 → bg4
2枚追加:
b1 → b2 → b3 → b4 → b5 → b6 → b7 b7は最後のCONTACT用。b6の直後に置く。最後位置の計算に使う。
bg1 → bg2 → bg3 → bg5 → bg6 → bg4 いずれもbg4をラストにする。
b4 / b5:追加用の普通スライド。b3 と b6 の間に入れる。b2・b6と同じ固定幅タイプ。
固定背景を非表示にするには、stock-blockをクラス名にいれる。それとbg5 or bg6のクラス名を変更する → bg6stockとか。
スライド、アンカー確認!
NailSalon K
Swipe →
PROFILE
Keiko Kita
ネイリスト検定1級
ジェル検定上級
ネイルサロン衛生管理士
お客さまにご満足いただけるよう、
丁寧でアットホームな接客を
心がけています。ネイルのデザイン、
お悩みなど何でもご相談下さい。

施術内容
contents
相性鑑定
表面では見えない相性や心のつながりを紐解き、より良い関係へと導くお手伝いをいたします。
いつでもご相談ください。
40分 6,000円(税込)

オンライン鑑定
恋愛・仕事・人間関係など、どのようなお悩みでも、時間内であればご質問は何度でも可能です。
30分 3,000円(税込)

人生相談
西洋占星術で本来の流れや可能性を読み解き、タロットで今必要なメッセージをお伝えします。
60分 15,000円(税込)

SERVICE-1
施術内容
contents
右側の余白スペース維持のためにどこかの文字の後ろに空スペースをいれること。今はワンカラー・・・・込の後ろに全角␣をいれている
ワンカラーorグラデジェル・オフ込
新規料金:5,500円(税込)
リピーター料金:6,000円(税込)
フレンチネイル・オフ込
新規料金:8,000円(税込)
リピーター料金:9,000円(税込)
シンプルアート2本×ジェル・オフ込
新規料金:6,000円(税込)
リピーター料金:7,000円(税込)
ウェディングネイル
料金:12,000円(税込)
フットネイル(ワンカラー)
新規料金:5,500円(税込)
リピーター料金:6,000円(税込)
デザインアート込み
新規料金:9,000円(税込)
リピーター料金:13,000円(税込)
完全オリジナルネイル
料金:15,500円(税込)






SERVICE
不必要なカバーにはstock-blockをクラス名にいれること。
簡易鑑定
恋愛・仕事・人間関係など、どのようなお悩みでも、時間内であればご質問は何度でも可能です。
10分 50,000円(税込)

鑑定の種類
幸あれ!GOOD!
150分 6,800円(税込)

【スライド枚数を増減させる場合の注意点】
・スライドを増やせば、固定背景、左下のアンかーも同数増やす。左下アンカーは内容より順番が重要。
・追加スライドは b3 と b6 の間に入れる。b4 / b5 は普通スライド専用。
・b7は最後のCONTACT用なので最後に残す。
・bg5 / bg6 は bg4 の後ろではなく、流れとして bg4 の前に入る。
予約の流れ
reserve
1. LINE又はメールでご連絡
2. 希望日時の確認
3. ご来店いただき施術
4. お支払い完了
お受けできない場合
・爪や皮膚に痛み、出血、腫れがある場合
・爪の状態により、施術が難しいと判断した場合
・権利に関わるキャラクター、ロゴ等のデザイン

・ご予約のキャンセルは前日までにご連絡をお願いいたします。
・無断キャンセルは、今後のご予約をお断りする場合があります。
・ご予約時間に遅れた場合、施術時間が短くなる場合があります。
・お支払い後の返金は原則お受けしておりません。
SERVICE-1
鑑定のご案内
guidance
SERVICE-1
施術内容
なぜか下のカバーの横幅がsp-onlyの元では正常に表示されなかったので、親カバーに正常化cssを追加している。




SERVICE-2
予約の流れ
1. LINE又はメールでご連絡
2. 希望日時の確認
3. ご来店いただき施術
4. お支払い完了
お受けできない内容
・爪や皮膚に痛み、出血、腫れがある場合
・爪の状態により、施術が難しいと判断した場合
・権利に関わるキャラクター、ロゴ等のデザイン
・ご予約のキャンセルは前日までにご連絡をお願いいたします。
・無断キャンセルは、今後のご予約をお断りする場合があります。
・ご予約時間に遅れた場合、施術時間が短くなる場合があります。
・お支払い後の返金は原則お受けしておりません。
ABOUT
商号
Nail Salon K
代表
KEIKO KITA
所在地
愛媛県松山市竹原4丁目7番28号
グループリンクOPEN
10:00 - 16:00 月・火 店休
駐車場
店舗道向かいの駐車場 ⑪ ⑬ ⑮
お願い
ご来店の際は、お電話またはメールにて
ご予約をお願いいたします

スライドを非表示にするには、stock-blockをクラス名にいれる。それとb4 or b5のクラス名を変更する → b5stockとか。
固定背景、アンカー確認!

PROFILE
Keiko Kiita
ネイリスト検定1級
ジェル検定上級
ネイルサロン衛生管理士
お客さまにご満足いただけるよう、
丁寧でアットホームな接客を
心がけています。ネイルのデザイン、
お悩みなど何でもご相談下さい。

ABOUT
商号
NailSalon K
代表
Kita Keiko
所在地
愛媛県伊予郡○○町〇〇〇-〇
グループリンクOPEN
10:00 - 16:00 日-火 店休
駐車場
店舗道向かいの駐車場 ⑤
お願い
ご来店の際は、メールまたはLINEにて
ご予約をお願いいたします

スライドを増やしたら、その場所に対応するリストも同じ位置に増やす必要がある。
b4・b5あり: TOP PROFILE SERVICE 追加ページ名1 追加ページ名2 ABOUT CONTACT
CONTACT以外の通常メニュー → 内容ではなく順番!リスト名は何でもよい。アンカー設定不要
TOP
PROFILE
ABOUT
CONTACT
