Cómo se organiza una herramienta

Todo cuelga de un proyecto. Conviene tener clara esta estructura antes de abrir el CMS: es exactamente la que vas a rellenar.

ProyectoResidencial Demo

Nombre, dirección web y código. Uno o varios tipos de vivienda.

Tipo de viviendaVivienda tipo A

Una distribución. Si hay varias, el comprador elige la suya.

EstanciasSalón · Cocina · Baño

Cada una es un render fijo: los botones de la parte superior.

Grupos de opcionesPintura · Suelo…

Cada grupo es una pregunta al comprador, con sus respuestas:

OpcionesCrema · Gris topo

Nombre, precio, descripción y muestra. Y si cambian algo visible:

Máscarasuna por estancia

La imagen de lo que cambia en cada estancia.

Lo que ve el comprador: el render más las máscaras elegidas

Una máscara es una imagen PNG del mismo tamaño que el render de su estancia que contiene solo lo que cambia —la pared pintada, el suelo nuevo, los frentes de cocina— y es transparente en todo lo demás. La herramienta coloca encima del render las máscaras de las opciones elegidas. Por eso basta con un render por estancia: las variaciones son capas.

Render base — El cuadriculado gris y blanco indica transparencia, como en los editores de imagen.

Máscara: pared — El cuadriculado gris y blanco indica transparencia, como en los editores de imagen.

Los identificadores (ID)

Cada tipo, estancia, grupo y opción lleva un ID: un nombre corto que solo ve el CMS y que sirve para relacionar unas cosas con otras. Por ejemplo, la máscara de una opción dice a qué estancia pertenece escribiendo el ID de esa estancia (salon), no su nombre visible (Salón).

Solo minúsculas, números y guiones: pintura-salon, no Pintura Salón ni pintura_salon.
Sin tildes ni eñes: bano, no baño.
Únicos dentro de su lista: no puede haber dos estancias salon en el mismo tipo.
Escríbelos siempre igual. Si en un sitio pone salon y en otro salom, el CMS no te dejará publicar y te dirá dónde está el error (ver Avisos frecuentes).