【概要】
ライブ一覧タグ内に data-format=”row” と追記いただくことで、通常のライブ一覧とは異なり、CSSが当てられていないライブ一覧をお受け取りいただくことが可能です。
こちらのタグをお使いいただき、御社の方でCSSを当てていただくことでライブ一覧をカルーセルなどで表示いただくことが可能です。
【ご使用方法】
ライブ一覧タグ内に format=”row” を追記いただく
実装例：
<div class=”tagfab-list” data-shop=”3Q4nT7PhXHkWMytG6bzl,Mr5zAz4gYG78TYZQYloc,・・・” data-count=”100″ data-format=”row”>
【コードイメージ】
埋め込んでいただいたライブ一覧タグ内で下記のようにタグが展開されます。
<div class=”tagfab-list” data-shop=”shopID” data-format=”row”>
<div data-tagfab-live-list-row>
<div data-tagfab-live-list-row-item>・・・※
<a href=”https://api.tagfab.jp/tagfab.css“>
<div data-tagfab-live-list-row-item-image>
<img alt=”live” src=”サムネイルURL”></div>・・・サムネイル
<div data-tagfab-live-list-row-item-name>
<div>ライブタイトル<wbr></div>・・・タイトル
</div>
<div data-tagfab-live-list-row-item-date>2021.07.21 00:00</div>・・・配信日
</a>
</div>
<div data-tagfab-live-list-row-item>・・・</div>
<div data-tagfab-live-list-row-item>・・・</div>
・
・
・
<div data-tagfab-live-list-row-item>・・・</div>
</div>
</div>
※ data-tagfab-live-list-row-item 以下には各ライブのサムネイル、タイトル、配信日情報が入ります。また、表示されるライブが10個あった場合こちらの要素は10個出力されます。
<div data-tagfab-live-list-row-item>・・・</div>
<div data-tagfab-live-list-row-item>・・・</div>
・
・
・
<div data-tagfab-live-list-row-item>・・・</div>