Eklenti isteği İlginç bilgiler slider eklentisi

<div class="p-body-content {{ !is_toggled('_side-1') ? 'is-active' : '' }}">
                <xf:ad position="container_content_above" />
                <div class="p-body-pageContent">{$content|raw}</div>
                <xf:ad position="container_content_below" />
            </div>

<div class="p-body-content {{ !is_toggled('_side-1') ? 'is-active' : '' }}">
                <xf:ad position="container_content_above" />
                <div class="p-body-pageContent">{$content|raw}</div>
                 <xf:include template="wt_bilgi" />
                <xf:ad position="container_content_below" />
            </div>

<xf:if is="property('wt_BilgiEnable')">
<div class="index_alerts">
 <div class="block-container">
  <div class="block-body">
    <div class="index_alert">
        <i class="{{ property('wt_BilgiIcon') }}"></i>
        <div>
            <xf:set var="$slogan.1">{{ property('wt_BilgiA1Title') }}</xf:set>
            <xf:set var="$slogan.2">{{ property('wt_BilgiA2Title') }}</xf:set>
             <xf:set var="$slogan.3">{{ property('wt_BilgiA3Title') }}</xf:set>
              <xf:set var="$slogan.4">{{ property('wt_BilgiA4Title') }}</xf:set>
  
              {$slogan.{{ ($xf.time % 3) + 1 }}|raw}
        </div>
       </div>
    </div>
 </div>
</div>
</xf:if>

<div class="index_alerts">
 <div class="block-container">
  <div class="block-body">
    <div class="index_alert">
       <i class="fad fa-bells"></i>
        <div>
            <xf:set var="$slogan.1">Soloğan Yaz</xf:set>
            <xf:set var="$slogan.2">Soloğan Yaz</xf:set>
             <xf:set var="$slogan.3">Soloğan Yaz</xf:set>
              <xf:set var="$slogan.4">Soloğan Yaz</xf:set>
  
              {$slogan.{{ ($xf.time % 3) + 1 }}|raw}
        </div>
       </div>
    </div>
 </div>
</div>

/* bilgi */
:root {
  --default-border-radius:  0.2rem;
  --default-padding: 0.5rem;
   --default-list-margin: 1rem 0;
}
.index_alerts {
    margin: 1rem 0;
}
.index_alerts .block-body {
    padding: 0 !important;
}
.index_alert {
    display: flex;
    align-items: center;
    border-radius: var(--default-border-radius);
    margin-right: var(--default-margin);
    margin-bottom: var(--default-margin);
    flex: 1 1 calc(50% - 1rem);
}
.index_alert > i {
    background: #5dcfff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--default-border-radius) 0 0 var(--default-border-radius);
    color: white;
    font-size: calc(1em + 1px);
}
.index_alert > div {
    flex: 1;
    padding: 0 1.5rem;
    font-size: ~"calc(1em - 1px)";
}