| productos que se ofrecen en la página web |
Aquí están los textos que aparecen en esta sección. Al abrilo encontraremos el siguiente código:
<brcmedia>
<titulobusqueda>Búsqueda avanzada</titulobusqueda>
<tituloofertas>Ofertas de portada</tituloofertas>
<tituloproductos>Listado de marcas</tituloproductos>
<titulosubproductos>Modelos de cada marca</titulosubproductos>
<tituloopcion>Opciones de compra</tituloopcion>
<buscar>Iniciar la búsqueda</buscar>
<ref>Ref:</ref>
<moneda>€</moneda>
<cerrar>cerrar ventana</cerrar>
<fotografias>Fotografías</fotografias>
<vervideo>Ver vídeo</vervideo>
<nohay>No se encontraron productos en esta sección</nohay>
</brcmedia>
Hemos resaltado en azul los textos que podemos modificar
No modifique la estructura de este archivo. Cambie únicamente el contenido. |
 |
En este apartado configuraremos los productos que aparecen al entrar por primera vez en la página web.
Al abrirlo encontraremos un código similar a este:
<brcmedia>
<referencia>producto1/subproducto1/opcion1/referencia1</referencia>
<referencia>producto2/subproducto2/opcion2/referencia2</referencia>
</brcmedia>
Resaltado en azul tenemos la dirección o ruta de carpetas (dentro de nuestra página web) en la que se encuentra el producto en cuestión.
Es muy sencillo. En este ejemplo el primer producto que se verá en entrar en la página web sería sería el producto que se encuentra dentro de la carpeta que hemos llamado referencia1, que a su vez se encuentra dentro de la carpeta opcion1, que a su vez se encuentra dentro de la carpeta subproducto1 y que a su vez ésta se encuentra dentro de la carpeta producto1.
Si la página la dedicamos a la venta de automóviles podríamos tener, por ejemplo, el siguiente código:
<brcmedia>
<referencia>seat/ibiza/nuevos/ibizaxgl125</referencia>
<referencia>seat/ibiza/segundamano/ibizagr2</referencia>
<referencia>ford/orion/segundamano/orion1400brc</referencia>
<referencia>ford/mondeo/segundamano/mondeogl</referencia>
</brcmedia>
En definitiva, tenemos la oferta de un ibizaxgl125, nuevo,
La oferta de un ibizagr2 de segunda mano,
la oferta de un Ford orion1400brc de segunda mano y
un Ford mondeogl también de segunda mano
Podemos incluir en este archivo todos los productos que deseemos, sin límite, que serán, como hemos dicho los que se vean inicialmente al entrar en la página web. |
 |
En este archivo es donde se encuentra el listado principal de productos.
Es el primer menú desplegable de la búsqueda avanzada de productos. Al cambiar o seleccionar en el menú desplegable un nuevo producto, los dos menús que se encuentran debajo cambiarán a su vez su contenido.
Al abrir el archivo tenemos un código similar a este:
<brcmedia>
<brcmedia producto="Producto 1" carpeta="producto1"></brcmedia>
<brcmedia producto="Producto 2" carpeta="producto2"></brcmedia>
<brcmedia producto="Producto 3" carpeta="producto3"></brcmedia>
<brcmedia producto="Producto 4" carpeta="producto4"></brcmedia>
</brcmedia>
Resaltado en granate tenemos el nombre del producto, el que se ve en el menú de la página web, y resaltado en este ejemplo en azul pondremos el nombre de la carpeta donde está toda la información de ese producto.
Ejemplo:
El código es muy sencillo. Si utilizamos la página web para mostrar un catálogo de coches podríamos tener un código similar a este:
<brcmedia>
<brcmedia producto="SEAT" carpeta="seat"></brcmedia>
<brcmedia producto="BMW" carpeta="bmw"></brcmedia>
<brcmedia producto="Alfa Romeo" carpeta="alfaromeo"></brcmedia>
<brcmedia producto="Ford" carpeta="ford"></brcmedia>
</brcmedia>
|
 |
Dentro de cada una de estas carpetas ( producto1, producto2, producto3,...) encontraremos los siguientes archivos:
subproductos.xml
subproducto1
subproducto2
subproducto3,...
subproductos.xml
Este archivo corresponde al segundo menú desplegable (búsqueda avanzada) que aparece en la web. Al cambiar o seleccionar en este menú desplegable un nuevo producto, el menú que se encuentran debajo cambiará a su vez su contenido.
Al abrir el archivo tenemos un código similar a este:
<brcmedia>
<brcmedia subproducto="subroducto 1" carpeta="subproducto1"></brcmedia>
<brcmedia subproducto="subroducto 2" carpeta="subproducto2"></brcmedia>
<brcmedia subproducto="subroducto 3" carpeta="subproducto3"></brcmedia>
</brcmedia>
Este código se correspondería con las carpetas que tenemos del mismo nombre.
Ejemplo:
Siguiendo con el ejemplo del catálogo de coches podríamos poner:
subproductos.xml
seat
audi
bmw,...
Quedando el archivo subproductos.xml de la siguiente forma:
<brcmedia>
<brcmedia subproducto="SEAT" carpeta="seat"></brcmedia>
<brcmedia subproducto="Audi" carpeta="audi"></brcmedia>
<brcmedia subproducto="BMW" carpeta="bmw"></brcmedia>
</brcmedia>
Veamos ahora el contenido de cada una de las carpetas de subproductos:
|
 |
Dentro de cada una de estas carpetas subproducto1, subproducto2, subproducto3,... encontraremos los siguientes archivos:
opciones.xml
opcion1
opcion2
opcion3,...
opciones.xml
Este archivo corresponde al tercer menú desplegable (búsqueda avanzada) que aparece en la web.
Al abrir el archivo tenemos un código similar a este:
<brcmedia>
<brcmedia opcion="opcion 1" carpeta="opcion1"></brcmedia>
<brcmedia opcion="opcion 2" carpeta="opcion2"></brcmedia>
<brcmedia opcion="opcion 3" carpeta="opcion3"></brcmedia>
</brcmedia>
Ejemplo:
Siguiendo con el ejemplo del catálogo de coches podríamos tener:
opciones.xml
cochesnuevos
segundamano
ofertas,...
Quedando el archivo opciones.xml de la siguiente forma:
<brcmedia>
<brcmedia opcion="Coches nuevos" carpeta="cochesnuevos"></brcmedia>
<brcmedia opcion="Coches de segunda mano" carpeta="segundamano"></brcmedia>
<brcmedia opcion="Ofertas" carpeta="ofertas"></brcmedia>
</brcmedia>
Veamos ahora el contenido de cada una de las carpetas de opciones: |
opcion1, opcion2, opcion3,... |
 |
Dentro de cada una de estas carpetas opcion1, opcion2, opcion3,... encontraremos los siguientes archivos:
referencias.xml
referencia1
referencia2
referencia3,...
referencias.xml
Este archivo es en el que le indica a la página web la referencia o nombre en concreto de cada producto que ha de conincidir con el nombre de la carpeta en la que se encuentra.
Al abrir el archivo referencias.xml tenemos un código similar a este:
<brcmedia>
<referencia>referencia1</referencia>
<referencia>referencia2</referencia>
<referencia>referencia3</referencia>
<referencia>referencia4</referencia>
<referencia>referencia5</referencia>
</brcmedia>
Hemos resaltado el nombre de cada carpeta o referencia del producto en azul.
Podemos añadir, eliminar y cambiar el nombre de las carpetas según nuestras necesidades.
Ejemplo:
Siguiendo con el ejemplo del catálogo de coches podríamos tener:
referencias.xml
ibizagl
ibizaxr2
ibiza3000
Quedando el archivo referencias.xml de la siguiente forma:
<brcmedia>
<referencia>ibizagl</referencia>
<referencia>ibizaxr2</referencia>
<referencia>ibiza3000</referencia>
</brcmedia>
Veamos ahora el contenido de cada una de las carpetas:
referencia1, referencia2, referencia3,...
|
referencia1, referencia2, referencia3,... |
 |
Dentro de cada una de estas carpetas referencia1, referencia2, referencia3,... encontraremos los siguientes archivos:
informacion.xml
fotos
video
informacion.xml
Es en este archivo donde incluiremos toda la información del producto en cuestión. Al abrirlo encotraremos un código similar a éste:
<brcmedia>
<referencia>ibiza125</referencia>
<precio>179801</precio>
<texto><![CDATA[<font color='#ffffff'><b>Coche nuevo</b></font><br>350 km/h<br>llantas de aleación<br>16 airbags,...
<font color='#ffffff'><b>Datos técnicos del producto:</b></font>
<b>Velocidad: </b><font color='#ff0000'>500 km/h</font>
<b>Puertas: </b><font color='#ff0000'>4 puestas</font>
<b>Otras características:</b></font><br><br>Producto de gran calidad<br><br>Incorpora las últimas innovaciones en seguridad, ahorro, acabados de lujo,...<br><br>]]></texto>
<numerodefotos>5</numerodefotos>
<opcionvideo>si</opcionvideo>
</brcmedia>
Explicación del código:
<referencia>ibiza1</referencia> (referencia, id o nombre que le damos al producto)
<precio>179801</precio> (precio del producto)
<texto>Texto descriptivo,...</texto> (Texto descriptivo del producto con algunas etiquetas html en verde)
<numerodefotos>5</numerodefotos> (Indicamos el número de fotos que hay en la carpeta fotos)
<opcionvideo>si</opcionvideo> (Indicamos si este producto tiene vídeo disponible o no)
Mantenga siempre esta estructura en el archivo informacion.xml. Cambie únicamente los contenidos.
fotos
En la carpeta fotos incluiremos todas las fotografías que queramos sin límite alguno. Las fotografías se llamarán foto.jpg, que es la fotografía que se muestra inicialmente de ejemplo y
foto1.jpg, foto2.jpg, foto3.jpg,... y así sucesivamente para el resto de las fotografías del producto. Podemos incluir todas las fotos que queramos siguiendo esta secuencia e indicando el número total de fotos en el archivo informacion.xml
Por cuestiones de diseño y de tiempo de carga de la página web, se recomienda respetar el tamaño original de las fotografías incluidas como ejemplo al descargar la página web.
video
Por cada producto tenemos la opción de mostrar un vídeo del mismo. El vídeo ha de ser en formato .flv, que es el más utilizado para mostrar vídeos en Internet.
El espacio donde se muestra el vídeo es de 480x360 px. Si el vídeo original no tiene exactamente estas dimensiones se mostrará siempre centrado en el espacio reservado para él. Desde el botón de ajustar que se incluye con los botones de control del vídeo, podemos adaptarlo a la pantalla. Si el vídeo original es mayor que la pantalla se reducirá y si es menor se ampliará hasta ajustarse al tamaño del reproductor.
A continuación mostramos como quedaría un ejemplo general de la estructura de carpetas o productos: |
Podemos incluir tantos productos como deseemos, así como distintos subapartados en cada producto y opciones en cada uno de los subproductos (alquiler, venta, nuevos, seminuevos,..., etc).
|
|