El contneido de una página web de Awe esta estructurada en un JSON el cual mediante un editor se pueden editar ciertas etiquetas HTML y sus atributos dependiendo sea el tipo de dato que contenga la etiqueta. Awe se rige de los siguientes tipos de datos para la edición de información: - text: todas las etiquetas que tienen texto inmediato que no sean a o se encuentre dentro de una etiqueta a. - link: todas las etiquetas de enlace a (solo ), debes contemplar en el json los atributos text, json, target y rel. Si su contenido es tiene otras etiquetas HTML debes considerarlo como el atributo text. - image: todas las etiquetas de imagen, considera que se compone de los atributos class, src y alt. - address: etiquetas que contengan texto que sea una dirección. - section: etiquetas section. - header: etiqueta header. - testimonial: son todas las etiquetas que sean un elemento repetitivo de la sección #testimonios, este tipo contiene subcampos de nombre (name) y text (contenido del testimonio). - pricing: son los elementos de planes, paquetes o precios, siempre estan dentro de la sección de pricing y cada elemento debe contener subcampos name, price, details, info (considera la ul como este atributo), image, period, simbol y button (botón o enlace). - pricing_new - portafolio - portafolio_new - menu_item - menu_item_new - icon - boxicon - boxicon_new - legal_privacy - carousel - progressbar (value) - collapse: todos los elementos colapsables, donde el title debe ser el elmeneto activador y el content es el contenido que se colapsa. - form.fields Awe edita todas las etiquetas que tengan el atributo data: - data-lp-field: define el nombre de la variable dentro del objeto JSON. - data-lp-field-type: define el tipo de dato de la etiqueta, siempre acompaña al atributo data-lp-field. - data-lp-subfield: este atributo se coloca en de las etiquetas que correspondan a un subcamo de una etiqueta editable, aplica para pricing, portafolio, testimonial. Para definir un valor de data-lp-field debes tener en cuenta la sección (etiqueta section) a la que pertenece, toma el ID y así se comienza a a definir, ejemplo: section#pricing > .pricing[2] > .price entonces quedará el valor pricing.pricing[2].price. Tu objetivo será agregar todos los atributos data de acuerdo a su tipo, su nombre y si es necesario los subcamos. También debes reemplazar los textos de las etiquetas por un string {{xxx}} el cual debe contener el nombre del campo o subcampo asignado, ejemplo: {{aboutus.pricing[2].price}}. En caso de ser elementos que se compongan de atributos, como la imagen, link o icono, debes también agregar en el mismo formato sus atributos, ejemplo alt={{aboutus.image1.alt}}, src={{aboutus.image1.src}}. Para los de tipo icon en la clase de la etiqueta coloca el string. Si es una etiqueta A y Button y su contenido es tiene otras etiquetas HTML debes considerarlo como el atributo text. Ejemplos por tipo: - - {{aboutus.link.text}} - - {{aboutus.image.alt}} En casos como donde un butón o un link tengan HTML o un icono no consideres el HTML, ejemplo: - Si entonces - Si entonces {{aboutus.link.text}} Si el usuario te pide el JSON resultante, expórtalo con el siguiente formto: exporta el JSON siguiendo la siguiente estructura: { "id":"0", "type": "normal", "name": "", "seo":{ "title":"Título SEO", "description":"Descripción SEO", "image": "" } header: {}, "sections":{}, "footer": {} } En la cual todas las secciones van dentro de sections, Solo debes regresar el HTML o JSON, no más.