Brcmedia.com - Ficha técnica de la web muebles909

 
Modelo web muebles909
Modelo: muebles909
Programación:

Adobe Flash CS3
ActionScript 2.0
Datos en XML, TXT
Formularios PHP
vídeo .FLV

 
Página web No  
Web estrella Incluido    
 
Como características generales este modelo incluye:
 
Sección o apartado No Opciones y características
Menú principal Incluido   Sin límite de secciones
Menú de productos Incluido   Sin límite de productos
Logotipo Incluido    
Fotografía de portada Incluido   1 fotografía
Idiomas Incluido   10 idiomas (ampliables en .fla)
Cesta de la compra Incluido    
Botón inicio (volver a la página principal) Incluido    
Fotografías por producto
Incluido   Sin límites de fotografías
Mapa de localización y datos de la empresa
Incluido   Sin límites de fotografías
Formulario de contacto en .php
Incluido    
Formulario de pedidos en .php
Incluido    
Vídeos .flv
Incluido   1 vídeo por producto
Contador de visitas .php Incluido    

 

 

  Carpetas de la página web

 
Listado de carpetas de la web donde se encuentran los contenidos y su función explicada en color
 
carpeta fondo Imagen con la que podrá cambiar el fondo de la página web
carpeta fotoportada Aquí se encuentra la foto .jpg de la portada de la página web

carpeta idiomas

Banderas y enlaces a los distintos idiomas que podemos añadir a la página web
carpeta laempresa Datos de la empresa, servicios, formulario de contacto .php, etc.
carpeta localizacion Mapa de localización, dirección, teléfono,...
carpeta logo Logotipo de la página web
carpeta productos Aquí está todo lo referente a los productos, menús, fotos, textos, etc.
carpeta visitas Contador de visitas a la página .php
configuracion.xml Aquí elegimos los apartados que aparecerán en la web y los que no

 

IMPORTANTE: No cambie nunca los nombres de estas carpetas.
Mantenga los nombres de estas carpetas en todos los idiomas que incluya en la página web.

A continuación se explican una a una las carpetas que componen la web y sus contenidos.

 
   

 

 carpeta fondo

 
Fondo de la página web  
 

El fondo de la página web es editable por el usuario ya que es una imagen .jpg que el usuario podrá cambiar a su gusto.

La imagen de fondo se ajusta y se adapta automáticamente a la resolución o tamaño de la pantalla, teniendo la posibilidad de incluir un fondo liso (con un solo color) o una fotografía, un diseño,...

La página web aparecerá siempre centrada en la pantalla aunque redimensionemos la ventana.

 
   

 

configuracion.xml

 
Configuración de los distintos apartados de la página web

 
En este modelo de página web tenemos varios apartados que podemos incluir o no en la web según nuestras necesidades. Esta configuración se realiza desde el archivo configuracion.xml

Una vez abierto el archivo configuracion.xml tenemos el siguiente código:

<brcmedia>
<configuracion idiomas="si" localizacion="si" visitas="si"></configuracion>
</brcmedia>
 

Explicación del código:
El código es muy sencillo, en color granate tenemos las distintas opciones o apartados de la página web que podemos configurar para incluirlo o no, y en color azul pondremos si (sin acento) para que aparezcan en la web y no para que no aparezcan.

En cada página web que se incluye esta configuración y en cada archivo de configuración, (configuracion.xml) se incluyen todas las posibilidades de configuración de apartados que tiene ese modelo de página web. Aunque se añadan otros apartados no provocarán ninguna acción en la web y tampoco deben eliminarse los apartado originales, simplemente poner si o no según se ha explicado.


 

 carpeta fotoportada

 
Fotografía de portada

 
En esta carpeta se encuentra la fotografía (fotoportada.jpg) que aparece como foto de portada de la página web.

Si incluirmos varios idiomas en la página web podremos mostrar una imagen diferente para cada uno de los idiomas.

Por cuestiones de diseño y de tiempo de carga de la página web, se recomienda respetar el tamaño original de la fotografía incluida como ejemplo al descargar la página web.

  

 

 carpeta idiomas

 
Idiomas de la página web

 
Inicialmente la página web está configurada para incluir enlaces a 10 idiomas, aunque desde el código fuente .fla podremos añadir todos los idiomas que deseemos. No se trata de un traductor automático a otros idiomas, simplemente se trata de enlaces a nuevos idiomas que podemos crear en la página web y que será el propio usuario el encargado de realizar las traducciones.

Si no queremos incluir más que un solo idioma tenemos que escribir en el archivo configuracion.xml de la carpeta carpeta configuración de la que hemos hablado anteriormente, idiomas="no" y olvidarnos de los pasos que vamos a explicar a continuación.

La gestión de los nuevos idiomas que incluimos enla web se realiza desde el archivo idiomas.xml.
Al abrirlo encontraremos el siguiente código:

<brcmedia>
<idioma1>castellano</idioma1>
<idioma2>english</idioma2>
<idioma3>francaise</idioma3>
<idioma4>aleman</idioma4>
<idioma5>italiano</idioma5>
<idioma6>portugues</idioma6>
<idioma7>holandes</idioma7>
<idioma8>ruso</idioma8>
<idioma9>griego</idioma9>
<idioma10>chino</idioma10>
</brcmedia>

Cada uno de los idiomas que tengamos en la página web resaltados en este ejemplo en azul, será, además del texto que aparezca en la web al pasar el ratón sobre la bandera correspondiente, el nombre que debemos ponerle a la carpeta donde incluiremos todos los datos de ese idioma. Es imprescindible que el texto y el nombre de la carpeta sean exactamente el mismo.

Como ejemplo, para incluir tres idiomas en la página web, el código quedaría así:

<brcmedia>
<idioma1>castellano</idioma1>
<idioma2>english</idioma2>
<idioma3>francaise</idioma3>
</brcmedia>

Manteniendo siempre esta estructura ( idioma1, idioma2, idioma3,..., etc).

Junto al archivo idiomas.xml encontramos la carpeta carpeta banderas, donde se encuentran las banderas de ejemplo que aparecen en la web.

bandera de españa bandera1.jpg
bandera de gran bretaña bandera2.jpg
bandera de  francia bandera3.jpg
bandera de alemania bandera4.jpg
bandera de italia bandera5.jpg
bandera de portugal bandera6.jpg
bandera de holanda bandera7.jpg
bandera rusa bandera8.jpg
bandera de grecia bandera9.jpg
bandera china bandera10.jpg

Las banderas, al igual que los textos, han de manterner el mismo orden. Si por ejemplo incluimos tres idiomas en la web, castellano, italiano y alemán y queremos que aparezcan por ese orden, el orden y el nombre de las banderas sería el siguiente:

bandera de españa bandera1.jpg
bandera de italia bandera2.jpg
bandera de alemania bandera3.jpg

 

Crear nuevos idiomas

 
¿Cómo creamos nuevos idiomas en la página web?

Originalmente la página web sólo incluye 1 idioma, el castellano, pero podemos añadir hasta nueve idiomas más. Esto no quiere decir que el idioma principal tenga que ser el castellano, el idioma inicial o principal de la página web puede ser cualquiera, inglés, francés, etc. La página funcionará igual independientemente del idioma principal.

Ya hemos visto como crear los enlaces que aparecerán en la página web a los distintos idiomas.
Ahora vamos a ver como crear los contenidos de los idiomas propiamente dichos.

Una vez que el idioma principal de la página web está terminado, y hemos incluido todo el texto, las fotografías, etc, es la hora de crear los nuevos idiomas que queremos icorporar a la página web.

Crear un nuevo idioma es muy sencillo.
Todos los datos de la página web, tanto los textos como fotografías, vídeos, etc., todos, excepto la gestión de usuarios (en las páginas que incluyan esta opción) y la película flash se encuentran en la carpeta carpeta contenidos. Sólo tenemos que hacer una copia de esta carpeta, cambiarle el nombre por el del nuevo idioma y modificar sus contenidos.

Pasos a seguir:

1- Abrimos el explorador de carpetas de nuestro Sistema Operativo y accedemos a la carpeta
carpeta contenidos de nuestra página web que se encuentra en el siguiente directorio de la página web:
web/archivos/contenidos
2- Seleccionamos la carpeta carpeta contenidos y hacemos clic con el botón derecho del ratón.
3- En el menú contextual que nos aparece seleccionamos "Copiar"
4- Hacemos clic fuera de la carpeta carpeta contenidos para anular la selección
5- Hacemos nuevamente clic con el botón derecho del ratón (sin tener nada seleccionado) y en el menú contextual que nos aparece seleccionamos "Pegar"
6- Tendremos una carpeta llamada carpeta Copia de contenidos. Seleccionamos esta carpeta y con el botón derecho del ratón hacemos clic en cambiar nombre.
7- Como hemos dicho, algo imprescindible es ponerle como nombre el mismo que le hemos puesto anteriormente en el archivo idiomas.xml, es decir, si esta carpeta la vamos a utilizar para el idioma, por ejemplo, italiano la carpeta deberá llamarse carpeta italiano.
8- Una vez cambiado el nombre de la carpeta hacemos clic fuera de la carpeta y ya tenemos un nuevo idioma habilitado en la página web.
9- Ahora ya podemos cambiar los contenidos de la carpeta carpeta italiano.


 

 carpeta laempresa

 

En esta carpeta podrá incluir todos los arpartados o secciones que desee, sin límites. Estos apartados son los que se despliegan desde el menú principal de la página web, situado en la parte izquierda de la página web, bajo el logotipo.

 
Menu principal de la sección

 
Este menú está gestionado por un archivo .xml, menu.xml que encontrará dentro de la carpeta a la que llamamos carpeta laempresa (como ya se ha dicho no cambie nunca el nombre de esta carpeta aunque publique la página web en distintos idiomas).

Al abrir este archivo menu.xml encontrará un código similar a este:

<brcmedia>
<brc textomenu="Texto Apartado 1" carpeta="carpeta1"/>
<brc textomenu="Texto Apartado 2" carpeta="carpeta2"/>
<brc textomenu="Texto Apartado 3" carpeta="carpeta3"/>
<brc textomenu="Texto Apartado 4" carpeta="carpeta4"/>
<brc textomenu="Contacto" carpeta="contacto"/>
</brcmedia>

Descripción del código: El código anterior es muy sencillo.
En color granate están resalatados los textos que se ven en el menú (en la página web) y en color azul tenemos el nombre de la carpeta carpeta donde se encuentra la información ( textos y fotografías ) de ese apartado.
 

Eliminar una sección del menú

 
Para eliminar un apartado o sección del menú (menu.xml) sólo tenemos que seleccionar una línea del código (resaltada en rojo en el siguiente ejemplo), borrarla o suprimirla y guardar los cambios.

<brcmedia>
<brc textomenu="Texto Apartado 1" carpeta="carpeta1"/>
<brc textomenu="Texto Apartado 2" carpeta="carpeta2"/>
</brcmedia>

El resultado es el siguiente:

<brcmedia>
<brc textomenu="Texto Apartado 1" carpeta="carpeta1"/>
</brcmedia>
 

Añadir más apartados al menú

 
Para añadir más apartados o secciones (resaltadas en color en el ejemplo) sólo tenemos que copiar y pegar una o varias líneas del código y luego cambiar tanto los textos como los nombres de las carpetas. O también podemos escribirlas directamente.

<brcmedia>
<brc textomenu="Texto Apartado 1" carpeta="carpeta1"/>
<brc textomenu="Texto Apartado 2" carpeta="carpeta2"/>
<brc textomenu="Texto Apartado 3" carpeta="carpeta3"/>
<brc textomenu="Texto Apartado 4" carpeta="carpeta4"/>
<brc textomenu="Texto Apartado 5" carpeta="carpeta5"/>
<brc textomenu="Texto Apartado 6" carpeta="carpeta6"/>
<brc textomenu="Texto Apartado 7" carpeta="carpeta7"/>

</brcmedia>

Una vez cambiado y guardado los cambios en el menú (menu.xml) sólo tendríamos que acceder a la carpeta carpeta laempresa y crear dos carpetas nuevas, una llamada carpeta6 y otra llamada carpeta7. Las carpetas que creemos en esta sección u otras secciones de la página web siempre han de llamarse igual que el nombre que le pongamos en el menú si no, no se verán en la web.
 

 

Contenido de las carpetas incluidas en la carpeta carpeta laempresa

 
Dentro de la carpeta carpeta laempresa existen varias carpetas que incluimos en la página web como ejemplos, aunque como ya hemos dicho puede crear tantas como desee.

Dentro de cada una de estas carpetas (excepto en la carpeta contacto) encontraremos:
informacion.xml
carpeta fotos

Estos archivos han de incluirse en todas las carpetas o apartados que creemos y en ellos incluiremos la información y las fotografías de cada uno de estos apartados.

Al abrir el archivo informacion.xml nos encontramos el siguiente código:

<brcmedia>
<titulo>La empresa</titulo>
<texto>Texto descriptivo de la empresa aquí. Texto descriptivo de la empresa aquí. Texto descriptivo de la empresa aquí. Texto descriptivo de la empresa aquí. Texto descriptivo de la empresa aquí. Texto descriptivo de la empresa aquí. </texto>
<numerodefotos>5</numerodefotos>
</brcmedia>

En él aparece el título de la sección, el texto de la sección y el número de fotos que tenemos en la carpeta fotos (sin contar la foto de fondo)

Dentro de la carpeta carpeta fotos podemos incluir todas las fotografías que queramos, y una fotografía de fondo para cada apartado.

El nombre de las fotografías ha de ser foto1.jpg, foto2.jpg, foto3.jpg,...., etc.
Para añadir más fotografías sólo hay que seguir la secuencia (foto4.jpg, foto5.jpg,...)

 

carpeta contacto (formulario de contacto en php)

 
Dentro del menú principal (menu.xml) tiene la opción de poder incorporar, además de todas las secciones que desee, una sección con un formulario de contacto. Para ello sólo ha de incluir una línea de código en el menú principal (menu.xml) a cuya carpeta le lleme contacto, como se ve en el siguiente ejemplo resaltado en color en el código del menú principal:

<brcmedia>
<brc textomenu="Texto Apartado 1" carpeta="carpeta1"/>
<brc textomenu="Texto Apartado 2" carpeta="carpeta2"/>
<brc textomenu="Texto Apartado 3" carpeta="carpeta3"/>
<brc textomenu="Contactar con Brcmedia" carpeta="contacto"/>
</brcmedia>

Como hemos dicho el único requisito indispensable es que la carpeta se llame contacto.

Para cambiar los datos (email o textos que se ven en este formulario de contacto) acceda a la carpeta
carpeta contacto que encontrará dentro de la carpeta carpeta laempresa. Encontrará los siguientes archivos:

class.phpmailer.php (archivo que gestiona el envío de los datos del formulario. Se recomienda no tocar)
contacto.php (página con los datos de contacto de la empresa. Vea como modificarla aquí)

NOTA:
Puede ser necesario variar la programación de estos formulario dependiendo del servidor donde se aloje la página web, (Windows, Linux), por la versión de php utilizada en el servidor del cliente (php3, php4, php5), por los requisitos de programación exigidos por servidor del cliente o por posteriores actalizaciones o cambios en la programación de este tipo de archivos o formularios php. Estos cambios en la programación han de ser realizados por el propio usuario, ya sea con sus conocimientos o a través de una empresa que ofrezca este tipo de servicios. Brcmedia.com ha comprobado y verificado el correcto funcionamiento de estos formularios en sus servidores Windows y Linux, pero Brcmedia.com no se hace responsable del correcto funcionamiento de estos archivos en el servidor del cliente.

informacion.xml En este archivo encuentrará el siguiente código, donde puede incluir el título de la sección y los datos de contacto de su empresa (resaltados en azul):

<brcmedia>
<titulo>Fomulario de contacto</titulo>
<texto>Incluya aquí los datos de su empresa</texto>
</brcmedia>

textosformulario.xml Aquí podrá cambiar todos los texto que aparecen en el formulario resaltados aquí en azul.

<brcmedia>
<textonombre>Nombre:</textonombre>
<textodireccion>Dirección:</textodireccion>
<textolocalidad>Localidad:</textolocalidad>
<textotelefono>Teléfono:</textotelefono>
<textoemail>Email:</textoemail>
<textocomentarios>Comentarios</textocomentarios>
<textoenviar>Enviar datos</textoenviar>
</brcmedia>

carpeta fotos En esta carpeta , al igual que en el resto de los apartados podrá incluir una fotografía de fondo


 

 carpeta localizacion

 
Datos de localización y mapa de localización

 
En la carpeta carpeta localización encontrará el archivo informacion.xml y la carpeta carpeta fotos

En el archivo informacion.xml es donde, como en anteriores archivos .xml podrá incluir los datos de su empresa. Al abrir este archivo encontrará un código similar a este:

<brcmedia>
<titulo>Mapa de localización</titulo>
<texto>Texto con los datos de la empresa aquí</texto>
<numerodefotos>5</numerodefotos>
</brcmedia>

Incluye título de la sección, texto con los datos que queramos incluir de la empresa y el número de fotografías que hay en la carpeta fotos (sin contar la foto de fondo), todo resaltado en color azul.

En la carpeta carpeta fotos es donde está la foto de portada fotoportada.jpg (enlace a la sección), una fotografía de fondo y todas las fotografías que deseemos incluir como información para la localización de la empresa. Sólo tenemos que llamarlas foto1.jpg, foto2.jpg, foto3.jpg, etc.
Como hemos dicho 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 la fotografía incluida como ejemplo al descargar la página web.


 

 carpeta logo

 
Logotipo de la página web

 
Carpeta donde se encuentra y donde ha de poner su propio logotipo o nombre de la empresa en imagen.

  

 

 carpeta productos

 
productos que se ofrecen en la página web

 
En la página web, el menú dedicado a los productos es la tira de imágenes que se puede desplazar a derecha e izquierda en la parte inferior de la página web. En este menú, cada producto incluye una imagen y un texto, título o nombre del producto.

En la carpeta carpeta productos encontramos:

listadeproductos.xml
carpeta cestadelacompra
carpeta producto1
carpeta producto2
carpeta producto3
carpeta producto, . . .

Ejemplo: Para una tienda de muebles podríamos tener los siguientes archivos:

listadeproductos.xml
carpeta cestadelacompra
carpeta clasico
carpeta juvenil
carpeta rustico
carpeta barroco, . . .

Veamos cada uno de los archivos y carpetas de la sección:

 

listadeproductos.xml

 
En este archivo es donde se encuentra el listado principal de productos.
Al abrir el archivo tenemos un código similar a este:

<brcmedia>
<producto1>producto1</producto1>
<producto2>producto2</producto2>
<producto3>producto3</producto3>
<producto4>producto4</producto4>
</brcmedia>

Ejemplo: Para una tienda de muebles podríamos tener los siguientes archivos:

<brcmedia>
<producto1>clasico</producto1>
<producto2>juvenil</producto2>
<producto3>rustico</producto3>
<producto4>barroco</producto4>
</brcmedia>

Podemos llamar a cada producto como queramos y podemos incluir cuantos productos deseemos.
El nombre de cada producto resaltado en azul, ha de corresponder con el nombre de la carpeta donde se encuentran los datos de ese producto o subproductos que se incluyan.

 

carpeta producto1, carpeta producto2, carpeta producto3,...

 
Dentro de cada una de estas carpetas (carpeta producto1, carpeta producto2, carpeta producto3,...) encontraremos los siguientes archivos:

listadesubproductos.xml
carpeta datosseccion
carpeta subproducto1
carpeta subproducto2
carpeta subproducto3,...

listadesubproductos.xml
Este archivo corresponde al menú desplegable de cada subapartado o subproducto.
Al abrir el archivo tenemos un código similar a este:

<brcmedia>
<brc textomenu="subproducto1" carpeta="subproducto1"/>
<brc textomenu="subproducto2" carpeta="subproducto2"/>
<brc textomenu="subproducto3" carpeta="subproducto3"/>
</brcmedia>

Este código se correspondería con las carpetas que tenemos del mismo nombre.

Ejemplo: Para una tienda de muebles podríamos tener los siguientes archivos:

listadesubproductos.xml
carpeta dormitorios
carpeta salones
carpeta recibidores,...

Quedando el archivo subproductos.xml de la siguiente forma:

<brcmedia>
<brc textomenu="Dormotorios juveniles" carpeta="dormitorios"/>
<brc textomenu="Salones juveniles" carpeta="salones"/>
<brc textomenu="Recibidores juveniles" carpeta="recibidores"/>
</brcmedia>

 

carpeta datosseccion

 
En esta carpeta carpeta datosseccion inclumos la fotografía y el texto que aparecen en la portada de la página web (en la tira de productos), que hacen referencia a cada uno de los productos y que nos enlazan con ellos desde la portada. También incluimos en esta carpeta la foto de fondo que aparece inicialmente al acceder a cada uno de los productos.

 

carpeta subproducto1, carpeta subproducto2, carpeta subproducto3,...

 
Dentro de cada una de estas carpetas carpeta subproducto1, carpeta subproducto2, carpeta subproducto3,... encontraremos los siguientes archivos que ya corresponderían a los productos en concreto:

referencias.xml
carpeta referencia1
carpeta referencia2
carpeta referencia3,...

referencias.xml
En este archivo incluiremos el nombre o la referencia que queramos darle a cada uno de los productos. Cada nombre ha de corresponderse con el nombre de la carpeta donde está la información de ese producto. Al abrir el archivo tenemos un código similar a este:

<brcmedia>
<referencia>referencia1</referencia>
<referencia>referencia2</referencia>
<referencia>referencia3</referencia>
</brcmedia>

Ejemplo:
Siguiendo con el ejemplo de la tienda de muebles:

referencias.xml
carpeta mesadenogal99
carpeta tresillo155
carpeta sillaoficina400,...

Quedando el archivoreferencias.xmlde la siguiente forma:

<brcmedia>
<referencia>mesadenogal99</referencia>
<referencia>tresillo155</referencia>
<referencia>sillaoficina400</referencia>
</brcmedia>

Veamos ahora el contenido de cada una de las carpetas:

 

carpeta referencia1, carpeta referencia2, carpeta referencia3,...

 
Dentro de cada una de estas carpetas carpeta referencia1, carpeta referencia2, carpeta referencia3,...encontraremos los siguientes archivos:

informacion.xml
carpeta fotos
carpeta 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>mesadenogal99</referencia>
<precio>179801</precio>
<texto><![CDATA[<font color='#ffffff'><b>Mesa</b></font><br>Realizada en nogal<br>siglo XIX<br>
<font color='#ffffff'><b>Datos técnicos del producto:</b></font>
<b>Antigüedad: </b><font color='#ff0000'>350 años</font>
<b>Madera: </b><font color='#ff0000'>Nogal</font>
<b>Otras características:</b></font><br><br>Producto de gran calidad<br><br>Incorpora las últimas innovaciones de su época, acabados de lujo,...<br><br>]]></texto>
<numerodefotos>5</numerodefotos>
<opcionvideo>si</opcionvideo>
</brcmedia>

Explicación del código:
<referencia>mesadenogal99</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 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 resaltados en azul y verde.

carpeta fotos
En la carpeta 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 (sin contar la foto.jpg)

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.

carpeta 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.

 
     

Podemos incluir tantos productos como deseemos, así como distintos subapartados en cada producto.

Como ejemplo podemo tener una estructura de productos, para una tienda de muebles, similar a esta.

 

carpeta productos

  carpeta mueblejuvenil
  carpeta muebleclasico
  carpeta mueblerustico
 
  carpeta dormitorios
  carpeta comedores
  carpeta salones
  carpeta recibidores
 
  carpeta recib99
  carpeta caoba45
  carpeta blancoGH
  carpeta recibnegro

 

carpeta cestadelacompra

 
Dentro de esta carpeta encontraremos los siguientes archivos.

condicionesdecompra.xml Texto con las condiciones de compra que desee incorporar

<brcmedia>
<texto>Condiciones de la compra aquí</texto>
</brcmedia>

formasdepago.xml Aquí puede configurar las distintas opciones de compra

<brcmedia>
<configuracion transferencia="si" contrareembolso="si" tarjeta="si" paypal="si"></configuracion>
</brcmedia>

provincias.xml En este archivo podrá incluir un listado de provincias con gastos de envío idividuales para cada provincia. Gastos que se sumarán al importe final de la cesta de la compra.

<brcmedia>
<brcmedia provincia="A Coruña" gastos="25"></brcmedia>
<brcmedia provincia="Alava" gastos="99"></brcmedia>
<brcmedia provincia="Albacete" gastos="350"></brcmedia>
</brcmedia>

textoscesta.xml Todos los textos (en azul) que aparecen en la Cesta de la compra incluido el importe
del IVA. Los textos en verde son comentarios para direrenciar cada apartado que se pueden eliminar..

<brcmedia>
<!--Textos de la cesta de la compra-->
   <titulocesta>Cesta de la compra</titulocesta>
   <ref>Ref:</ref>
   <moneda></moneda>
   <ver>Ver ficha técnica del producto</ver>
   <nombredelproducto>Nombre del producto</nombredelproducto>
   <textoprecio>Precio</textoprecio>
   <textounidades>Unidades</textounidades>
   <textosubtotal>Subtotal</textosubtotal>
   <textototal>Total</textototal>
   <seguircomprando>Seguir comprando</seguircomprando>
   <realizarpedido>Realizar pedido</realizarpedido>
   <eliminarproducto>Eliminar</eliminarproducto>
   <eliminarpedido>Eliminar pedido</eliminarpedido>
   <numerodepedido>Pedido Nº</numerodepedido>
   <cestavacia>La cesta está vacía</cestavacia>
<!--Textos del formulario de pedidos-->
   <textonombre>Nombre:</textonombre>
   <textodireccion>Dirección:</textodireccion>
   <textolocalidad>Localidad:</textolocalidad>
   <textoprovincia>Provincia:</textoprovincia>
   <textotelefono>Teléfono:</textotelefono>
   <textoemail>Email:</textoemail>
<!--Textos gastos de envio IVA e IVA aplicado-->
   <textogastos>Gastos de envío</textogastos> 
   <textoiva>iva 16 %</textoiva>
   <iva>16</iva>
<!--Textos seleccionar forma de pago-->
   <textoinicial>Seleccionar forma de pago</textoinicial>
   <textotransferencia>Transferencia bancaria</textotransferencia>
  <textocontrareembolso>Contrareembolso</textocontrareembolso>
  <textotarjeta>Tarjeta VISA-MASTERCARD</textotarjeta>
   <textopaypal>PayPal</textopaypal>
</brcmedia>

carpeta configuracioncesta En esta carpeta encontraremos todos los archivos que gestionan el envío de los pedidos, las conexiones con las pasarelas de pago, etc. Dentro encontraremos los siguientes archivos.

carpeta imagenes Carpeta donde están las imágenes utilizadas en estas páginas php (no hace falta cambiar)
brcmedia.css Hoja de estilo de las página php (no hace falta cambiar)
class.phpmailer.php
Página que gestiona el envío de emails desde el servidor. (no hace falta cambiar)
numeropedido.php
Página php que gestiona el número del pedido (no hace falta cambiar)
pedidonumero.txt
Archivo de texto donde se guarda el número de pedidos. Para su funcionamiento es necesario darle permisos de escritura. Ver aquí como hacerlo.
pedidos.php
Página php que envía los pedidos por email. Vea aquí cómo modificarla.
paypal.php
Página de conexión con PayPal. Vea aquí cómo modificarla.
tarjeta.php
Página de conexión con su pasarela de pago o TPV. Vea aquí cómo modificarla.
enviar_tpv.php
Página que gestiona la conexión con su TPV. Más información aquí

  

 

 

 carpeta visitas

 
Contador de visitas a la página

 
Aquí se incluye un contador de visitas a la página en php.
Para que el contador comience a funcionar es necesario realizar una pequeña manipulación en el archivo de texto contadorvisitas.txt
Tiene toda la información aquí


 

 Ayuda. Nombres de las carpetas

 
Textos y nombres de carpetas

 
Podemos poner el nombre que deseemos tanto a los textos como a las carpetas, aunque para los nombres de las carpetas debemos omitir incluir caracteres especiales como acentos, eñes, etc. En definitiva, hemos de poner sólo letras y números evitando (ªº!|" @·#$%&¬/()=?¿Çç}'¡`+*][{´¨;:€,...)

Un ejemplo podría ser:

<brcmedia>
<brc textomenu="Nuestra Empresa" carpeta="nuestraempresa"/>
<brc textomenu="Servicios que ofrecemos" carpeta="servicios"/>
<brc textomenu="Formulario de contacto" carpeta="contacto"/>
</brcmedia>
 

 

 

  Ayuda. Maquetación del texto

 
Maquetar el texto en archivos .xml

 
La maquetación del texto en archivos .xml es exactamente la misma que realizamos en archivos de texto .txt, con una pequeña modificación.

La única diferencia con la maquetación de arhivos de texto .txt es que hemos de incluir an inicio y al final del texto que vamos a maquetar <![CDATA[ (al inicio) y ]]> (al final).

Este es un ejemplo de código maquetado. Resaltamos en azul las etiquetas antes mencionadas y en verde las etiquetas html que hemos usado.

<texto><![CDATA[<font color='#ffffff'><b>Apartamento en alquiler 1</b></font><br>
500m2 de superficie<br>Terraza de 1200m2 con piscina<br>4 cuartos de baño,...
<font color='#ffffff'><b>Datos técnicos del inmueble:</b></font>
<b>Superficie: </b><font color='#ff0000'>500m2 útiles</font>
<b>habitaciones: </b><font color='#ff0000'>6 habitaciones dobles</font>
<b>Armarios: </b><font color='#ff0000'>3 armarios empotrados</font>
<font color='#ffffff'><b>Otras características:</b></font><br><br>Inmueble situado en el centro de la ciudad, a un sólo paso de los lugares más importantes.<br><br>Suelo de parket con calefacción por inducción, cocina de diseño, salón de 55m2 con chimenea tradicional, televisión de plasma de 47", sofás de piel de la mejor calidad,...<br><br>]]></texto>

En la sección "cambiar texto" en la guía del usuario tiene más información de las etiquetas html que puede incorporar a sus texto. Estos son los enlaces a la Guía de ayuda:

texto en negrita
texto subrayado
texto en cursiva
cambiar tipo de fuente
cambiar el tamaño de la fuente
cambiar el color del texto
salto de línea
anidar etiquetas html
incluir fotos en el texto
caracteres especiales


 

 Información adicional

 
Archivos originales .Fla

 
Con los archivos originales .FLA podrá realizar todo tipo de modificaciones como cambiar los colores, añadir música, vídeos, más secciones, etc, etc.
Para manipular el código fuente .fla es necesario tener el software y los conocimientos necesarios.


Brcmedia.com