Slide 1

Slide 1 text

サポートの⼩ネタ まとめてみた 有限会社アップルップル 森⽥かすみ よくお問い合わせがある! a-blog cms zoom up 2020/10

Slide 2

Slide 2 text

Q1 IFブロックでELSEも表⽰されてしまっている Q2 lazy-loadで画像をふわっとしたい! Q3 ラジオボタンをクリックした時に   検索結果を反映させたいときは? Q4 モジュールでctxが効かないのですが? Q5 ctxのstartとendがうまく使えない…! ⽬次

Slide 3

Slide 3 text

IFブロックでELSEも 表⽰されてしまっている Q1.

Slide 4

Slide 4 text

֓ཁจ͕ۭͩͬͨͱ͖ʹදࣔ͞Ε·͢ɻ

ELSEͷͱ͖ʹදࣔ͞Ε·͢ɻ

Slide 5

Slide 5 text

{group_detail}の中⾝ ߍਖ਼Φϓγϣϯͳ͠ ߍਖ਼ΦϓγϣϯOMCS͋Γ

Slide 6

Slide 6 text

֓ཁจ͕ۭͩͬͨͱ͖ʹදࣔ͞Ε·͢ɻ

ELSEͷͱ͖ʹදࣔ͞Ε·͢ɻ

Slide 7

Slide 7 text

lazy-loadで画像を ふわっとさせたい! Q2.

Slide 8

Slide 8 text

.js-lazy-load { opacity: 0; transition: .5s ease .2s; } .js-lazy-load[data-loaded*="true"] { opacity: 1; } 表⽰した瞬間にふわっとすることはCSSで可能です

Slide 9

Slide 9 text

※回線が遅いとふわっとしないことも…

Slide 10

Slide 10 text

ラジオボタンをクリックした時 に検索結果を反映したい時は? Q3.

Slide 11

Slide 11 text

たとえば送信ボタンがない検索画⾯を実装したいときの問題

Slide 12

Slide 12 text

$(function(){ ACMS.Ready(function() { ACMS.Config.postIncludeMethod = 'swap'; // swap | replace }); $('.js-post input[type="radio"]').on('change', function () { $('.js-post').submit(); }); }); changeイベントで内容を書き換える 1 2 3

Slide 13

Slide 13 text

…ϥδΦϘλϯলུ…
@include("/include/entry/summary-custom.html")
changeイベントで内容を書き換える 1 2 3 4

Slide 14

Slide 14 text

モジュールで ctxが効かないのですが? Q4.

Slide 15

Slide 15 text

https://developer.a-blogcms.jp/blog/news/entry-3305.html モジュールID名に「ctx」が含まれているとctx指定が読み込めなくなる

Slide 16

Slide 16 text

NG例 OK例

Slide 17

Slide 17 text

Q5. ctxのstartとendが うまく使えない…!

Slide 18

Slide 18 text

...省略 BIDとCIDの値を渡したい場合

Slide 19

Slide 19 text

startとendの書き⽅??? ...省略 ...

Slide 20

Slide 20 text

ctx="/start/ʢ։࢝೔࣌ʣ/end/ʢऴྃ೔࣌ʣ/" ctx="/ʢ։࢝೔࣌ʣ/-/ʢऴྃ೔࣌ʣ/" 間違い例 正解例

Slide 21

Slide 21 text

ctx="/2020-06-2310:00:00/-/9999-12-3123:59:59/" ctx="/1000-01-01/-/{date#Y}-{date#m}-{date#d}{date#H}:{date#i}:{date#s}/" 年⽉⽇の書き⽅ 記述式:変数で⽇時指定する

Slide 22

Slide 22 text

ありがとうございました! 引き続きご質問があればフォーラムまたは マイページのサポート依頼からお待ちしています!