[戻る]
No.3613

営業日カレンダー

ふじさん  投稿日:2019/07/01(Mon) 13:41
key

営業日カレンダーの次の月を選択する矢印(≫)が
ずれているように見えるので
枠内に収めたいです。
変更方法を教えてください。

また、矢印(≫)を文字に変更することは
可能でしょうか?
可能であれば変更方法を教えてください。

宜しくお願い致します。

Re: 営業日カレンダー

おたすけマイショップさん  2019/07/01(Mon) 20:19 No.3614
key

設置されているカレンダーを拝見したところ、カレンダーの表示を「横並び(スライド)」と設定されています。
こちらの設定においては、カレンダー毎の表示幅に合わせたスライドボタン(<<などの矢印)ではなく、カレンダーを表示する枠に合わせたボタンの表示となります。

以上から、このボタンをカレンダーの枠内に収めるにはカレンダーの幅や余白などを調整することで収まります。

ご利用アカウントのカレンダーを拝見したところ、カレンダーの横幅を「+3px」以上追加していただくことでカレンダー枠内にボタンを収めることができます。


次に、ボタンの内容を変更する方法について案内いたします。
ボタンを変更する専用の設定はございませんのでスタイルを追加した変更となります。

追加するスタイルのサンプルは以下の通りです。

※「\f31a」「\f31b」の特殊文字のコードを他のコードや文字列に変更してスタイルを追加してください。

<style>
/* カレンダー切替えボタン左 */
.calendar_area .slick-prev:after {
content: '\f31a';
}
/* カレンダー切替えボタン右 */
.calendar_area .slick-next:after {
content: '\f31b';
}
</style>

スタイルは以下の方法で追加してください。

1. 店長ナビトップ > デザイン設定 > [レイアウト]タブ でページレイアウト管理を表示
2. スクリーンの設定ボタン(ギアアイコン)をクリック
3. [<head>追加]内に内容を追記して「保存」をクリック

[スタイル追加に関するご注意]
 標準で提供する機能及び設定ではございませんので今後のバージョン
 アップにて上記スタイルが正常に適用されない場合がございます。
 上記内容をご了承頂いた上でスタイルの追加を行って下さい。


以上を参照いただき設定をお試しください。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』