a-blog cms でよくあるサポート小ネタまとめてみた

a-blog cms のお問い合わせでよくあるサポート小ネタをまとめてみました。
a-blog cms zoom up 2020/10で発表した内容です。

Transcript

1. サポートの⼩ネタ まとめてみた 有限会社アップルップル 森⽥かすみ よくお問い合わせがある！ a-blog cms zoom up 2020/10
2. Q1 IFブロックでELSEも表⽰されてしまっている Q2 lazy-loadで画像をふわっとしたい！ Q3 ラジオボタンをクリックした時に   検索結果を反映させたいときは？ Q4 モジュールでctxが効かないのですが？ Q5 ctxのstartとendがうまく使えない…！ ⽬次
3. IFブロックでELSEも 表⽰されてしまっている Q1.
4. <!-- BEGIN_IF [{group_detail}/em] --> <p class="acms-text-danger">֓ཁจ͕ۭͩͬͨͱ͖ʹදࣔ͞Ε·͢ɻ <!-- ELSE --> <p class="acms-text-success">ELSEͷͱ͖ʹදࣔ͞Ε·͢ɻ <!-- END_IF -->
5. {group_detail}の中⾝ ߍਖ਼Φϓγϣϯͳ͠ ߍਖ਼ΦϓγϣϯOMCS͋Γ
6. <!-- BEGIN_IF [{group_detail}[delnl]/em] --> <p class="acms-text-danger">֓ཁจ͕ۭͩͬͨͱ͖ʹදࣔ͞Ε·͢ɻ <!-- ELSE --> <p class="acms-text-success">ELSEͷͱ͖ʹදࣔ͞Ε·͢ɻ <!-- END_IF -->
7. lazy-loadで画像を ふわっとさせたい！ Q2.
8. .js-lazy-load { opacity: 0; transition: .5s ease .2s; } .js-lazy-load[data-loaded*="true"] { opacity: 1; } 表⽰した瞬間にふわっとすることはCSSで可能です
9. ※回線が遅いとふわっとしないことも…
10. ラジオボタンをクリックした時 に検索結果を反映したい時は？ Q3.
11. たとえば送信ボタンがない検索画⾯を実装したいときの問題
12. <script> $(function(){ ACMS.Ready(function() { ACMS.Config.postIncludeMethod = 'swap'; // swap | replace }); $('.js-post input[type="radio"]').on('change', function () { $('.js-post').submit(); }); }); </script> changeイベントで内容を書き換える 1 2 3
13. <div> <!-- BEGIN_MODULE Field_Search --> <form action="" method="post" class="js-post js-post_include" target="#realestateIndex"> …ϥδΦϘλϯলུ… <input type="hidden" name="field[]" value="station"> <input type="hidden" name="bid" value="%{BID}" /> <input type="hidden" name="cid" value="%{CID}" /> <input type="hidden" name="tpl" value="/include/entry/summary-custom.html" /> <input type="hidden" name=“ACMS_POST_2GET”><!— ௨ৗ͸submitʹͳͬͯΔ෦෼ —> </form> <!-- END_MODULE Field_Search --> </div> <!-- ΤϯτϦʔαϚϦʔʢΧελϜϑΟʔϧυը૾දࣔʣ --> <div id="realestateIndex"> @include("/include/entry/summary-custom.html") </div> changeイベントで内容を書き換える 1 2 3 4
14. モジュールで ctxが効かないのですが？ Q4.
15. https://developer.a-blogcms.jp/blog/news/entry-3305.html モジュールID名に「ctx」が含まれているとctx指定が読み込めなくなる
16. <!-- BEGIN_MODULE *** id="test_module_ctx" ctx="bid/1/cid/6" --> <!-- END_MODULE *** --> <!-- BEGIN_MODULE *** id="test_module" ctx="bid/1/cid/6" --> <!-- END_MODULE *** --> NG例 OK例
17. Q5. ctxのstartとendが うまく使えない…！
18. <!-- BEGIN_MODULE Entry_List ctx="bid/1/cid/2" --> ...省略 <!-- END_MODULE Entry_List --> BIDとCIDの値を渡したい場合
19. startとendの書き⽅？？？ <!-- BEGIN_MODULE Entry_List ctx="bid/1/cid/2" --> ...省略 <!-- END_MODULE Entry_List --> <!-- BEGIN_MODULE Entry_List ctx="/start/ʢ։࢝೔࣌ʣ/end/ʢऴྃ೔࣌ʣ/" --> ... <!-- END_MODULE Entry_List -->
20. ctx="/start/ʢ։࢝೔࣌ʣ/end/ʢऴྃ೔࣌ʣ/" ctx="/ʢ։࢝೔࣌ʣ/-/ʢऴྃ೔࣌ʣ/" 間違い例 正解例
21. 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}/" 年⽉⽇の書き⽅ 記述式：変数で⽇時指定する
22. ありがとうございました！ 引き続きご質問があればフォーラムまたは マイページのサポート依頼からお待ちしています！