Instalacion de Magento + primeros pasos 23.8.09

En este post dejaré unos pequeños apuntes de como instalar este CMS para montarnos una tienda online.

Pre-instalación - consiguiendo los archivos fuentes y preparando el servidor

Lo primero será conseguir la ultima versión estable, para ello vamos a usar la opción versionada (svn) que Magento nos proporciona.

svn checkout http://svn.magentocommerce.com/source/branches/1.3

Cuando termine veremos la siguiente estructura de carpetas y ficheros.

imagen-magento

El siguiente paso será crearnos una Base de datos en nuestro servidor y configurar el apache para que apunte al directorio donde hemos hecho el checkout. En mi caso he creado un virtualhost con la siguiente configuración:

<VirtualHost *:80>
ServerAdmin quelicmATgmail.com
DocumentRoot “D:\tiendas-online\magento”
ServerName magento.qc
ErrorLog  logs/magento.qc-error_log
CustomLog logs/magento.qc-access_log common

<Directory “D:\tiendas-online\magento”>
Options Indexes MultiViews
AllowOverride All
Order allow,deny
Allow from all
</Directory>

</VirtualHost>

Instalación de Magento

Una vez configurado el servidor, si todo está correcto lanzamos el proyecto, en mi caso la dirección es http://magento.qc/ que automáticamente redirige a http://magento.qc/index.php/install/ veremos la siguiente pantalla.

imagen-install-1

La siguiente fase es la localización. Ponemos nuestro país, la franja horaria,  nuestra moneda y pasamos a la configuración.

En la configuración colocaremos el nombre de la base de datos para el proyecto, así como los datos del usuario para manejarla. Por último creamos nuestar cuenta de usuario administador para Magento y si todo ha ido bien nos mostrará la siguiente pantalla.

imagen-install-2

Es muy importante anotar el código que nos muestra, ya que Magento lo utiliza para cifrar las contraseñas, tarjetas de crédito etc. En este ejemplo mi código es bd4e077b7a816b601c736b2fe0e0a764

Ahora, ya estamos listos para volver a nuestra tienda en su parte pública ( frontend), tendremos que ver la siguiente pantalla. En esta captura se muesta una instalación limpia de Magento, podemos instalarle una BD de prueba que nos ofrece Magento pero en este tutorial vamos a partir desde cero.

magento-limpio

Completar la instalación

Una vez hemos configurado e instalado nuestra copia de Magento, necesitamos hacer unos pasos para completar la instalación estos pasos son los siguientes:

  • Magento Connect
  • Instalar el idioma español
  • Crear el tema

Magento Connect

Magento Connect sirve para instalar módulos, extensiones, themes que pueden ser de gran utilidad y también para actualizar Magento, cada vez que existe una nueva versión de una forma realmente fácil e intuitiva. Para entrar a Magento Connect debemos acceder al Administrador de nuestra tienda que será /admin  en mi caso http://magento.qc/admin

Veremos el siguiente formulario y entraremos con la cuenta del usuario administrador que hemos creado en la instalación.

magento-admin

Una vez dentro del panel de administración nos vamos a:  system > Magento Connect > Magento Connect Manager. Nos mostrará la siguiente pantalla, donde deberemos introducir la cuenta del administrador ( de nuevo), ya que únicamente este usuario es el que podrá acceder a gestionar las extensiones.

magento-connect

Una vez logueados podemos instalar los módulos que necesitemos. Veremos la siguiente pantalla.

magento-connect-2

El sistema de instalación de módulos, themes en Magento es muy sencillo, basta con mirar la web http://www.magentocommerce.com/magento-connect buscar lo que nos interesa y coger la key que debemos usar. Después en el cuadro de texto  la introducimos. De esta forma es todo mucho más seguro y fácil de instalar.

Los primeros módulos a instalar y casi obligatorios en cualquier instalación de magento son los del core, la clave es la siguiente.

magento-core/Mage_All_Latest

Esto hará que saque una ventana de comandos en la página y podremos ver que está realizando, tardará un poco ya que va a instalar unas cuantas cosas. Cuando termine, podremos ver la lista de modulos que nos ha instalado y que tendremos disponibles en nuestro Magento.

magento-connect-3

Instalar el idioma español

Para la instalación del idioma ( ojo sólo para el backend, los theme tienen su propia traducción) seguiremos estando en el Magento Connect , para instalar esto debemos primero irnos a la pestaña settings y marcar el estado preferido de los modulos a BETA, una vez esto volvemos a la pantalla anterior. Para instalar este idioma debemos usar la siguiente clave.

magento-community/Locale_Mage_community_es_ES

Ahora podemos volver a la administración y comprobar que tenemos el idioma español instalado.

Crear el tema

Este paso es importante, por defecto Magento trae un thema (default blue skin) pero este no deberíamos de usarlo ya que si actualizamos nuestra instalación, es posible que podamos perder algún cambio, la recomendación es siempre crear un nuevo tema (basta con copiar el default) o instalar un theme nuevo desde el Manager Connect.

Nosotros vamos a optar por instalar el theme blank por lo que volvemos a nuestro Manager Connect y usamos su clave. Con esto, estaría instalado pero no seleccionado.

magento-core/Interface_Frontend_Default_Blank

Como Cambiar de theme en Magento

Para seleccionar un nuevo tema para nuestro frontend. debemos volver al panel de administración y seguir la siguiente ruta Sistema -> configuración -> General -> diseño -> temas veremos el siguiente formulario.

magento-theme

Tenemos que rellenar con el nombre del theme elegido, que no es otro que la carpeta padre del theme ( por si los instalamos a  mano o creamos nosotros uno , en lugar de por el Magento Connect).

Los theme se guardan en la siguiente carpeta:

app\design\frontend\default\

En esta ruta podemos ver nuestra carpeta blank, que es la que hemos fijado por defecto. Para guardar los cambios pulsamos el botón de guardar configuración que aparece arriba a la derecha.  Una captura de nuestro nuevo tema.

magento-theme-blank

Temas oficiales de Magento

Los desarrolladores de Magento han creado varios temas oficiales  y que se pueden descargar desde Magento Connect, son los siguientes:

Otros themes que podemos encontrar en Magento Connect son:

Extensiones y módulos realmente útiles en Magento

A parte de los que ya hemos explicado y que son necesarios existen muchísimos más, algunos muy recomendables son:

  • Pack de plataforma de pago servired - Como su nombre índica es un  módulo para facilitar la implatación de esta pasarela de pago.
  • fontis-wysiwyg-editor - Nos añade a los formularios del backend la posibilidad de añadirle un wysiwyg como Tinymce o Fckeditor.
  • advanced-cash-on-delivery - Contra reembolso personalizado permite configurar los reembolsos de todos los metodos de envio que tengamos instalados en nuestra tienda Magento.

Categoria: e-comerce, magento 5 Comentarios

Tutorial 3 - Básicos illustrator - Creando formas simples 2 24.5.09

Seguimos con las herramientas de formas simples en illustrator, en el anterior tutorial ya vinos como crear un cuadrado, circulo, triángulo y una cruz. En este veremos algún consejillo o truco para seguir creando formas simples.

Empezamos por la herramienta Polígono ( Polygon Tool) basta con seleccionarla en el cuadro de mando y pulsar sobre nuestra mesa de trabajo, esto hará que nos salga una ventana preguntandonos por las dimensiones  del radio del objeto a dibujar y lo más importante los lados.

polygon-tool

Una vez seleccionado los datos que queremos usar ya podremos terminar de dibujar nuestro objeto y como podéis observar, el truco para dibujar un triángulo es escoger 3 lados, sencillo  eh, con la de vueltas que dimos en el anterior tutorial.

Un segundo truco es que mientras estamos dibujando podemos cambiar los lados seleccionados pulsando las teclas arriba y abajo del teclado numérico.

dibujos-herramientas-poligono-y-estrella

Un ejemplo de diversas formas creadas con las herramientas polygon tool y star tool con un relleno en blanco y un trazo magenta de 13pt.

Categoria: diseño, illustrator, imagenes, tips, tutorial 0 Comentarios

Como renovar el certificado digital desde Firefox 23.5.09

En España, supongo que en otros países también, para poder realizar diferentes “papeleos” debes de conseguir un certificado digital, yo lo suelo usar para ver la vida laboral, la declaración de la renta e incluso lo he usado una vez para cancelar mi prestación por desempleo.

cer

Estos tramites es muy cómodo hacerlos desde Internet, las colas y perdidas de tiempo en las administraciones pueden ser larguísimas y muchas veces dejas de hacer una gestión por esto. Conseguir el certificado es fácil, tenemos que ir a la página web de La Fábrica Nacional de Moneda y Timbre , en su menú principal iremos a ciudadanos y obtener certificado, pero esto no es lo que voy a contar en este post, sino que contaré el proceso de renovación del certificado.

Soy usuario de este certificado desde hace más de 6 años, una vez que consigues el primero este tiene un periodo de validez de 3 años y después debes renovarlo.

La primera vez  me caducó, sinceramente no sabía que tenía un periodo de validez y tampoco sabía cuando se terminaba. En esta ocasión ha sido distinto me llegaron varios correos informándome que mi certificado estaba próximo a caducar y me remetían a la dirección donde debería efectuar dicha renovación, y aquí llega los problemas.

Mi navegador habitual es Firefox y es donde tengo instalado el certificado, pues seguía los pasos que indican y me salia una pantalla modal, explicándome que debo introducir una master password, suponía que era alguna password que no recordaba, pero puse un twitt un poco a modo de cabreo o enfado y sin embargo el amigo @chemychemy me contestó y me orientó un poco sobre lo que era la master password, para que después digan que el twitter no vale para nada.

Bien, utilizo la master password o contraseña maestra dependiendo en que idioma tengamos instalado nuestro firefox) y lastima seguíamos sin poder renovar el certificado.

La contraseña maestra, es una utilidad de firefox, que encapsulará todas nuestras configuraciones y password, para poder usar estas debemos introducir la nuestra.

Ahora la pantalla me mostraba un simpatico mensaje que decía.

Su navegador no ha podido generar una firma valida.

Revisé las faqs y no dí con ese error, seguramente esté orientado a usar el navegador explorer, así que recurro a San Google y doy con la respuesta , necesitaba configurar el firefox para poder firmar digitalmente.

Repito los pasos que se necesitan realizar.

  1. En la barra de direcciones, teclearemos about:config , que nos sacará opciones avanzadas de configuración de nuestro firefox.  Debemos dejar a true la preferencia signed.applets.codebase_principal_support, basta con hacer doble click sobre su nombre.
  2. Ahora nos vamos al menú herramientas -> opciones -> avanzadas -> ver certificados y esto nos abrirá la siguiente pantalla:
  3. cert-fmmt

  4. Tendremos que irnos a la pestaña autoridades  y buscar el certificado de FNMT y pulsar el botón editar, nos saldrá la siguiente pestaña, donde nos pregunta que puede firmar nuestro certificado, si webs, correos o aplicaciones, yo he marcado las tres aunque creo que con dar permisos a webs y aplicaciones (1 y 3 opción) valdría.
  5. cert-fmmt-2

  6. Por último cerraremos el firefox y volvemos a ejecutar la renovación de nuestro certificado

Y eso es todo, ya tengo el certificado renovado, ahora me tendré que acordar de este post en el 2012.

Categoria: firefox, social 4 Comentarios