Productos
En este apartado es donde aprenderemos a gestionar aquellos artículos que queremos vender en nuestra web. Veamos donde podemos acceder a nuestros futuros ''Productos'' (Fig 3.3.1):

Fig 3.3.1. Desplegable del apartado Productos
Si desplegamos ''Productos'' conforme vemos en la imagen anterior, veremos tres opciones, como ya vimos en ''Secciones'' con ''Productos'' ocurrirá algo parecido. Podremos crear, modificar, eliminar y listar además de una pestaña referente a marcas donde podremos asociar nuestros productos a una marca en concreto.
Cuando accedemos al apartado Listado de Productos nos aparecerá un listado con los productos que tengamos creados en la web (Fig 3.3.2).

Fig 3.3.2. Listado de productos
Antes del listado, encontramos un buscador desde donde podemos filtrar para buscar un producto en concreto por nombre y por sección.
En este listado también tenemos un botón que nos permitirá añadir productos.
En el listado de productos aparecen las columnas:
- ID del producto que sirve de identificador
- Activo: indica si el producto se encuentra activo, y por tanto visible en la web, o no.
- Título del producto.
- Inicio: hace referencia a si el producto se muestra en la página de inicio o no
- Categoría: indica a que categoría está asociado el producto.
- Orden: indica el orden de los productos.
Al final de cada fila, habrá siempre dos botones de Editar y Eliminar.
Añadir o editar un producto
Si editamos o creamos un producto, se nos abrirá una página nueva (en el caso de ser edición, el contenido del producto ya vendrá rellenado). Los campos que aparecen son los siguientes (Fig 3.3.3):

Fig 3.3.3. Fomulario para añadir o editar producto
- Activo: indica si el producto estará activo o no en la web.
- Nombre del producto
- Referencia del producto
- Precio: permite indicar un precio para el producto
- Marca: Permite, si hay marcas creadas, elegir una de ellas para asociarla al producto.
- Inicio: Establece si el producto se muestra en la página de inicio o no.
- Enlace externo: Introduce un enlace al que dirigir desde la página. En la web se mostrará un botón con ese enlace. El segundo campo hace referencia al texto que queremos que aparezca en el botón.
- Resumen: indica una pequeña descripción o un resumen del producto.
- Descripción: añade una descripción para el producto.

Fig 3.3.4. Apartado de resumen y descripción
- Categoría: establece a qué categoría se asocia el producto.
- Orden en categoría: establece el orden del producto dentro de la categoría.

Fig 3.3.5. Apartado de categoria del producto
- Imágenes: Si pulsamos sobre el botón Añadir imagen, podremos subir una o varias imágenes a la sección
- Por último aparecen los campos relativos al SEO y las URL
- Título: Título encargado de presentar temática orientado al SEO por motores de búsqueda
- URL amigable: Se refiere a una URL que cumpla estándares mínimos (entendible, legible, corta...)
- Meta description: Descripción corta sobre contenido de la página web
- Meta keywords: Etiqueta HTML que indica palabras clave

Fig 3.3.6. Apartado de imagenes y etiquetas Meta