WEB広告運用の困りごとが集まる場所 コミュニティ コミュニティ アンケート-チャット型※要javascriptの続きが表示されない件

  • アンケート-チャット型※要javascriptの続きが表示されない件

    トピックス by ishiyama ユーザーランク 160 pt  2023年10月10日 18:37 196 PV
    1. 相談したいWidgetの情報

      1. widget名:アンケート-チャット型※要javascript

      2. プレビューURL:https://sb-preview.squadbeyond.com/articles/uUjVFdSxF-eRfWVA/preview

    2. 相談内容
      「生まれつきのセンスや~」画像の以降のチャットが表示されません。どうしたら表示されますでしょうか。

    widgetマスター   12 月前 2 人 · 5 コメント
  • 5 コメント
  • widgetマスター

    モデレータ
    2023年10月10日 18:39

    ご相談ありがとうございます!

    確認させていただきます!

    (回答は翌営業日以降になります)

    • ishiyama

      メンバー
      2023年10月11日 13:10

      よろしくお願いいたします!

  • widgetマスター

    モデレータ
    2023年10月11日 13:49

    お待たせいたしました!

    こちらですが既存ウィジェットと比較したところ、1つのアイテム <li class="l-chat__list__item"></div>

    複数の非表示要素 <div class="l-slideIn">...</div> があるために表示されないようです。

    1つのアイテム内には、非表示要素は1つにしていただくことで、表示されるようになるかと思います。

    具体的には下記ご確認くださいませ。

    [ 現在のHTML構成 ]

    <li class="l-chat__list__item">
    
      <div class="l-chat__loading">...省略</div>
    
      <div class="l-slideIn">...省略</div>
    
      <div class="article">...省略</div>
    
      <div class="l-slideIn">
        <div class="l-chat__qa">...省略</div>
      </div>
    
      <div class="l-slideIn">
        <div class="l-chat__qa">...省略</div>
      </div>
    
    </li>

    [ 修正後のHTML構成 ]

    1. 106行目の「<div class=”l-slideIn”>」と119行目の「 </div>」を削除

    2. 120行目の「<div class=”l-slideIn”>」と139行目の「 </div>」を削除

    <li class="l-chat__list__item">
    
      <div class="l-chat__loading">...省略</div>
    
      <div class="l-slideIn">...省略</div>
    
      <div class="article">...省略</div>
    
      <div class="l-chat__qa">...省略</div>
    
      <div class="l-chat__qa">...省略</div>
    
    </li>

    プレビュー:https://sb-draft-preview.squadbeyond.com/articles/GbLGdxQoCpNhXvtHV-A/draft?token=117bc647a0d8d87f5d2e2abb5ce1e742

    • ishiyama

      メンバー
      2023年10月11日 14:47

      ありがとうございます!

      できました!

    • widgetマスター

      モデレータ
      2023年10月11日 15:03

      よかったです👏