En referencia a la aplicación prestashop vamos a hacer un tutorial para aquellos usuarios que tengan en mente montar una tienda virtual. Si bien, esta aplicación tiene la limitación debido a que algunos cambios hay que hacerlos variando el código html, tiene la ventaja de que es intuitiva y el panel de control podría parecerse al panel de administración de muchos foros, (obviamente salvando las distancias). En este tutorial, la tienda la montaremos en un servidor web que instalaremos en nuestro PC, para despues, una vez finalizada la instalación de la tienda en nuestro servidor web ( local) y configurada la apliación, podamos subirla a un servidor externo, puesto que uno local no ofrece mucha confianza entre los usuarios de internet. Utilizaremos Xampp para instalar el servidor web, usaremos el firefox, su última versión y en complementos añadiremos el firebug que usaremos en modo edición para buscar la línea de código html que necesitemos cambiar, y, por último, el Aptana para hacer los cambios del código html en el archivo global.css. Es decir:
1º Xampp
Instalaremos el Xampp en c:\
2º Prestashop
La guardaremos dentro de la carpeta htdocs de Xampp, ej: c:\Xampp\htdocs\prestashop.
[image: url%5D]
La descomprimimos dentro de htdocs
3º descargaremos la aplicación aptana
4º Añadiremos el firebug en la última versión de nuestro navegador firefox.
[image: url%5D]
[image: url%5D]
Hemos efectuado todas estas acciones y ahora nos dispondremos a instalar el servidor web, en este caso, Apache, una base de datos MySql (previamente habremos ejecutado Xampp) y filefilla: servidor ftp para subir archivos.
1º Abrimos el panel de control de Xampp :
[image: xamppc.jpg]
En este punto crearemos una base de datos, necesaria para la instalación de nuestra tienda virtual. Para ello hacemos lo siguiente : desde el PHPmyAdmin que esta en http://localhost/phpmyadmin/
El nombre de nuestra base de datos será Videoteca. Crearemos nuestra base de datos dando al enlace que pone “Bases de datos”, que esta abajo, en nuestra pagina de http://localhost/phpmyadmin/ como podemos ver en esta imagen:
[image: basededatos.jpg]
Hemos creado la base de datos con el nombre de "tienda".
Ahora pasaremos a instalar el prestashop de la siguiente forma:
[image: prestashop1.jpg]
abrimos el navegador e insertamos http://localhost/prestashop y aparecerá la página que aparece en la imagen. Aceptaremos los términos, daremos a siguiente y comprobaremos que todo está en orden, tal y como aparece en la imagen:
[image: prestashop2.jpg]
Uploaded with ImageShack.us
continuaremos el proceso. En este punto nos solicitará un nombre para la base de datos, en nuestro caso "tienda" el resto lo dejaremos por defecto, tal como se puede comprobar en la imagen:
[image: prestashop3.jpg]
Ahora pasaremos a terminar la instalación según los pasos que nos indica el proceso:
[image: prestashop4.jpg]
Seguiremos ahora las instrucciones para poder acceder al panel de control de nuestra tienda. Borraremos la carpeta install y renombraremos la carpeta admin, ej: admin100
[image: prestashop5.jpg]
tendremos, por otra parte, el front office ( la tienda) y el back office ( panel de control de nuestra tienda, desde donde añadiremos los productos, precios,información de los proveedores,etc)
[image: prestashop6.jpg]
hemos borrado la carpeta install y renombrado la carpeta admin por admin100, entonces abrimos el navegador e insertamos localhost/prestashop/admin100 y nos aparece la página que aparece la imagen, entonces insertamos los datos que hemos añadido durante el proceso de instalación y entraremos en el back office, es decir, el panel de control.
[image: prestashop7.jpg]
Ahora ya tenemos la tienda instalada en nuestro servidor local, con su base de datos y su servidor ftp activo. Debido a que la propia aplicación es bastante intuitiva y hay suficiente material para informarse sobre cómo configurar nuestra tienda, pasaremos a modificar el color de la pág e indicar los mecanismos más prácticos para configurar la tienda a nuestro gusto.
Pasaremos a abrir el firefox, puesto que tenemos allí el firebug y desplegaremos otra ventana con el panel de control de la tienda.
[image: prestashop9.jpg]
selecionamos un elemento de la página y en el firebug nos dirá exactamente en qué línea está el elemento que queremos modificar, en este caso el color del fondo de la página, que lo encontraremos en la línea 15 del cuerpo ( body). Con esta información abriremos la aplicación Aptana y abriremos el archivo global.css que lo encontraremos en la siguiente ruta:
C:\xampp\htdocs\prestashop\themes\prestashop\css
y buscaremos dicha línea para insertar el color que nos apetezca, p.e: negro ( black)
[image: prestashop10.jpg]
[image: prestashop12.jpg]
[image: prestashop13.jpg]
Una vez hemos modificado el color de nuestra página principal a través del Aptana, podemos empezar a realizar las modificaciones de nuestra tienda. Empezaremos por la página principal, puesto que será la imagen de ella. Por consiguiente, entraremos en el panel de control de prestashop e iremos a modulos, en módulos entraremos en el editor de textos y cambiaremos el texto genérico por el que nos interesa a nosotros. En este caso, el hardware, por ejemplo.
[image: prestashop11.jpg]
[image: prestashop15.jpg]
[image: prestashop16.jpg]
Para finalizar resaltar que desde la opción de módulos tenemos la posibilidades de instalar multitud de herramientas que servirán para hacer más ágil nuestra tienda y ,por otro lado, desde catalago podremos ir instalando las categorías y productos con su precio, logo, imágenes, etc.
Jordi
