';
$html .= '
';
$html .= ' ';
$html .= ' Rail Ads (Laterales)';
$html .= ' >1600px';
$html .= '
';
$html .= '
Anuncios fijos en los margenes del viewport. Solo en pantallas muy anchas.
';
// Master switch
$railEnabled = $this->renderer->getFieldValue($cid, 'behavior', 'rail_ads_enabled', false);
$html .= $this->buildSwitch($cid . 'RailAdsEnabled', 'Activar Rail Ads', $railEnabled, 'bi-power');
// Left/Right toggles
$html .= '
';
$html .= '
';
$leftEnabled = $this->renderer->getFieldValue($cid, 'behavior', 'rail_left_enabled', true);
$html .= $this->buildSwitch($cid . 'RailLeftEnabled', 'Rail izquierdo', $leftEnabled);
$html .= '
';
$html .= '
';
$rightEnabled = $this->renderer->getFieldValue($cid, 'behavior', 'rail_right_enabled', true);
$html .= $this->buildSwitch($cid . 'RailRightEnabled', 'Rail derecho', $rightEnabled);
$html .= '
';
$html .= '
';
// Format select - Multiples anchos y alturas disponibles
$railFormat = $this->renderer->getFieldValue($cid, 'behavior', 'rail_format', 'skyscraper');
$html .= $this->buildSelect($cid . 'RailFormat', 'Formato',
$railFormat,
[
// 130px width
'w130-h300' => '130x300',
'w130-h400' => '130x400',
'w130-h500' => '130x500',
'w130-h600' => '130x600',
// 140px width
'w140-h300' => '140x300',
'w140-h400' => '140x400',
'w140-h500' => '140x500',
'w140-h600' => '140x600',
// 150px width
'w150-h300' => '150x300',
'w150-h400' => '150x400',
'w150-h500' => '150x500',
'w150-h600' => '150x600',
// 160px width
'slim-small' => '160x300',
'slim-medium' => '160x400',
'slim-large' => '160x500',
'skyscraper' => '160x600 (Skyscraper)',
'slim-xlarge' => '160x700',
'wide-skyscraper' => '160x800',
// 300px width
'w300-h250' => '300x250 (Medium Rectangle)',
'half-page' => '300x600 (Half Page)',
'large-skyscraper' => '300x1050 (Large Skyscraper)',
// 400px width
'w400-h300' => '400x300',
'w400-h400' => '400x400',
'w400-h600' => '400x600',
// 500px width
'w500-h300' => '500x300',
'w500-h400' => '500x400',
'w500-h600' => '500x600',
// 600px width
'w600-h300' => '600x300',
'w600-h400' => '600x400',
'w600-h600' => '600x600'
]
);
// Top offset - Select con opciones predefinidas
$topOffset = $this->renderer->getFieldValue($cid, 'behavior', 'rail_top_offset', '300');
$html .= $this->buildSelect($cid . 'RailTopOffset', 'Distancia desde arriba',
$topOffset,
[
'150' => '150px (Cerca del header)',
'200' => '200px',
'300' => '300px (Recomendado)',
'400' => '400px',
'500' => '500px',
'700' => '700px (Debajo del fold)'
]
);
$html .= '