ポップアップの属性情報

ポップアップ div タグ内で出力される属性情報について説明します。属性情報は CSS カスタマイズなどで活用できます。

data 属性

ポップアップの data 属性には以下の内容が指定されます。カスタム CSS で細かくデザインをカスタマイズする際に使用します。

・data-scenario: シナリオID
・data-phase: フェーズID
・data-pattern: パターンID
・data-step: ステップID
・data-sequence: シーケンスID（ユーザーがステップをたどった順序に1からの連番）

<div class="spg-tour02 spg-tour02-type_card spg-tour02-layout_standard-01 spg-tour02-position_center spg-tour02-animation-transform_fade-in" data-scenario="scenario1" data-phase="phase1" data-pattern="pattern1" data-step="step_01" data-sequence="1">

Updated almost 4 years ago