feat(theme-settings): agregar configuracion de ancho del contenedor

- Nuevo grupo 'Layout y Contenedor' en theme-settings
- Opciones: 1140px, 1200px, 1320px (default), 1400px, 100%
- CSS dinamico aplicado via ThemeSettingsRenderer
- Corregir selectores de hero en Rail Ads (.hero-section, .featured-image-container)
- Agregar setTimeout para esperar carga de DOM
- Aumentar gap de separacion a 30px
- Subir maxTop al 40% del viewport

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-27 21:03:43 -06:00
parent 2fa112ab7f
commit 0dfe3fcd2c
5 changed files with 198 additions and 15 deletions

View File

@@ -1,8 +1,41 @@
{
"component_name": "theme-settings",
"version": "1.3.0",
"description": "Configuraciones globales del tema: codigo personalizado",
"version": "1.4.0",
"description": "Configuraciones globales del tema: layout y codigo personalizado",
"groups": {
"layout": {
"label": "Layout y Contenedor",
"priority": 5,
"fields": {
"container_max_width": {
"type": "select",
"label": "Ancho maximo del contenedor principal",
"default": "1320",
"editable": true,
"options": {
"1140": "1140px (Bootstrap md)",
"1200": "1200px (Compacto)",
"1320": "1320px (Bootstrap xxl - Default)",
"1400": "1400px (Amplio)",
"100%": "100% (Fluido)"
},
"description": "Ancho maximo del .container principal. Valores menores dejan mas espacio para Rail Ads"
},
"content_column_width": {
"type": "select",
"label": "Ancho columna de contenido",
"default": "col-lg-9",
"editable": true,
"options": {
"col-lg-8": "8 columnas (66.67%)",
"col-lg-9": "9 columnas (75% - Default)",
"col-lg-10": "10 columnas (83.33%)",
"col-lg-12": "12 columnas (100% sin sidebar)"
},
"description": "Proporcion Bootstrap de la columna principal vs sidebar"
}
}
},
"custom_code": {
"label": "Codigo Personalizado",
"priority": 10,