En referencia a la aplicación prestashop vamos a hacer un tutorial para aquellos usuarios que tengan en mente montar una tienda virtual. En este tutorial, montaremos la aplicación en Xampp , para después subirla a nuestro hosting. Utilizaremos Xampp para instalar el servidor web, usaremos la última versión de firefox, 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
Este post está dirigido a aquellos usuarios que no tengan ninguna noción acerca de Prestashop.
1º Xampp
Instalaremos el Xampp en c:\
2º Prestashop
La guardaremos dentro de la carpeta htdocs de Xampp, ej: c:\Xampp\htdocs\prestashop.
[/URL][/IMG]
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.
[/URL][/IMG]
[/URL][/IMG]
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 :
Enlace eliminado
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 Enlace eliminado
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 Enlace eliminado como podemos ver en esta imagen:
Enlace eliminado
Hemos creado la base de datos con el nombre de "tienda".
Ahora pasaremos a instalar el prestashop de la siguiente forma:
Enlace eliminado
abrimos el navegador e insertamos Enlace eliminado 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:
Enlace eliminado
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:
Enlace eliminado
Ahora pasaremos a terminar la instalación según los pasos que nos indica el proceso:
Enlace eliminado
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
Enlace eliminado
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)
Enlace eliminado
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.
Enlace eliminado
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.
Enlace eliminado
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)
Enlace eliminado
Enlace eliminado
Enlace eliminado
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.
Enlace eliminado
Enlace eliminado
Enlace eliminado
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.
Un saludo
Jordiqui
Este post está dirigido a aquellos usuarios que no tengan ninguna noción acerca de Prestashop.
1º Xampp
Instalaremos el Xampp en c:\
2º Prestashop
La guardaremos dentro de la carpeta htdocs de Xampp, ej: c:\Xampp\htdocs\prestashop.
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.
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 :
Enlace eliminado
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 Enlace eliminado
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 Enlace eliminado como podemos ver en esta imagen:
Enlace eliminado
Hemos creado la base de datos con el nombre de "tienda".
Ahora pasaremos a instalar el prestashop de la siguiente forma:
Enlace eliminado
abrimos el navegador e insertamos Enlace eliminado 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:
Enlace eliminado
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:
Enlace eliminado
Ahora pasaremos a terminar la instalación según los pasos que nos indica el proceso:
Enlace eliminado
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
Enlace eliminado
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)
Enlace eliminado
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.
Enlace eliminado
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.
Enlace eliminado
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)
Enlace eliminado
Enlace eliminado
Enlace eliminado
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.
Enlace eliminado
Enlace eliminado
Enlace eliminado
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.
Un saludo
Jordiqui
