Usando Linux para muchas cosas y disfrutando de videojuegos, en dispositivos moviles, consolas y pc. Using Linux for many things and enjoying video games, mobile devices, consoles and pc

Como actualizar PrestaShop 1.5 paso a paso

Hace unos días salio PrestaShop 1.5 con variadas funcionalidades el cual les mostré en este URL como instalarlo. Hoy les mostrare como actualizarlo a la versión 1.5.1. Seguiremos el método de actualizar con el modulo Auto Upgrade, el cual también acaba de ser actualizado. Esta de mas decir que debemos sacar un backup de nuestra tienda y una copia de los files (preferiblemente copiar el directorio completo con otro nombre)

-En nuestro backend como administrador nos debe salir la alerta de la nueva actualización.


-Al darle click, nos debe llevar a la pagina de PrestaShop mostrándonos la disponibilidad de la actualización. En este caso no actualizaremos de forma manual, obviamos esto y nos devolvemos a nuestro backend en nuestro sitio.


-Tomamos un backup de la db desde el menú Parámetros avanzados - Backup de DB.


-Tomamos el backup dando click el botón He leído la advertencia...


-Lo descargamos a nuestro equipo.



-Descargamos e instalamos el modulo para actualizar.







-Si es el caso, lo actualizamos


-Desactivamos la tienda.



-Desactivamos Smarty cache y Memcached




-Ejecutamos el modulo de 1-Click Upgrade


-Verificamos la sección Checks que todo este OK



-Actualizamos. Hora de ir por un café.

-Todo quedo ok.


-Reactivamos la tienda


-Activamos el cache y el Memcached



Con esto nos queda actualizado a la ultima versión actual, 1.5.1, ya podemos entrar a la tienda y verificar que todo este funcionando 100%.
Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.
Disfrútenlo
Share/Bookmark

Como instalar Joomla 3 en Centos 6.3 paso a paso

El pasado 27 de septiembre comenzó una nueva era en la vida del cms Joomla, esta vez con la versión 3 introduciendo muchas mejoras entre las cuales vemos las siguientes.

-Características en Joomla 3

  • Listo para consultas desde celulares, en el backend del administrador y en el frontend del visitante a nuestro sitio web.
  • Mas amigable al uso desde pc, tablets, celulares.
  • Nuevas herramientas para desarrolladores hacen que con menos codigo se programe mas rapido y eficiente.
  • Conexión a bases de datos PostgreSQL
  • Instalación de paquetes de idioma desde el manejador de extensiones
  • Nuevo modulo de estadísticas para el administrador
  • Y mucho, mucho mas..
Los usuarios de la 2.5 no están obligados a migrar a la nueva versión 3, esto solo sera necesario cuando salga la 3.5 en aproximadamente 1 año a partir de ahora.
Para los que les guste experimentar o necesiten las nuevas características, hoy les mostrare como instalarlo en un servidor centos 6.3 actualizado al día de hoy.

servidor ip: 192.168.1.242
-Descargamos Joomla 3 desde este URL, para este ejemplo bajamos el paquete completo.

 wget -c http://joomlacode.org/gf/download/frsrelease/17520/76466/Joomla_3.0.0-Stable-Full_Package.zip

-Descomprimimos el zip en el directorio donde vayamos a instalar, en este ejemplo lo hare en /var/www/html/jo3

-Activamos permisos para apache

chown -R apache.apache /var/www/html/jo3

-Iniciamos apache si no lo esta ya

service httpd start
chkconfig httpd on

-Cargamos la pagina desde un browser http://192.168.1.242 e iniciamos la instalación en 3 pasos. Elegimos idioma de instalación, escribimos el nombre de nuestro sitio web, su descripción, email del administrador, cuenta para el admin (en este caso admin), su contraseña y si el sitio estará fuera de linea (mas tarde podemos ponerlo fuera de linea o en linea desde la interfaz administrativa).


-Activamos la conexión a bases de datos, en este caso a MySQL, el cual ya debe estar instalado.


-Elegimos si instalaremos o no datos de ejemplo, si queremos que nos lleguen los datos de admin por email (al email que configuramos en el paso anterior), vemos un resumen de los pasos anteriores y de parámetros de php aconsejados.





-Si un parámetro php no esta en el valor recomendado puede que funcione, pero lo mejor es que estén en los valores solicitados, en este caso debo deshabilitar el buffer.



-Deshabilitamos el buffer en php

vi /etc/php.ini
output_buffering = off

Salimos salvando, reiniciamos apache y damos F5 para reiniciar el proceso y verificar que ya todo este en el valor recomendado.

service httpd restart

-Para los que sea su primera instalación de Joomla, es recomendable colocar los datos de ejemplo, los mas experimentados no lo necesitaran.

 -Ya esta instalado Joomla 3. Eliminamos la carpeta de instalación como paso final dando click en el botón Eliminar carpeta de instalación.


-Ya eliminada la carpeta de instalación podemos ir al modulo de administración o a la pagina como la ven los usuarios.



-Así es nuestra pagina en Joomla 3.


-Entrada al modulo de administración.

 


Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.
Disfrútenlo
Share/Bookmark

Generando un screencast en Ubuntu 12.04

Una imagen vale mas que mil palabras, dicen por ahí, y una forma popular hoy en día de mostrar como hacer algo en un pc es por medio de un screencast. Esta técnica lo que hace es capturar imágenes de la pantalla para al final podamos verlo unido en una secuencia. Para linux hay varios productos, yo hoy les mostrare recordmydesktop que es un software de linea de comandos pero que tiene dos frontend, uno basado en gtk (el que les mostrare) y otro basado en qt.
Usare Ubuntu 12.04 y al final lo convertiré de ogv a mpg para poderlo subir a youtube.
La pagina oficial de este software esta en este URL.
-Instalamos desde consola.

sudo apt-get install gtk-recordMyDesktop recordMyDesktop mencoder

-Lo ejecutamos como gtk-recordmydesktop y nos sale una pequeña ventana con una copia de lo que hay detrás en ese momento además de un botón rojo en nuestra barra de notificaciones cerca del reloj. Le damos click al botón Advanced


-Botón en la barra de notificaciones.


-Por default las imágenes temporales las guardara en /tmp y podemos darle la opción de sobre escribir las que ya estén ahí en caso de reiniciar la captura.


-Cambiamos a 30 cuadros por segundo, a tener en cuenta que a mayor cantidad de cuadros, mayor espacio en disco ocupara.


-Aquí configuramos el canal de audio a usar si vamos a grabar con una narración nuestra, por ejemplo.


-Mas opciones, recomiendo dejar los defaults.


-Para comenzar a grabar damos click en el botón rojo y elegimos la opción Record.


-Al terminar damos click nuevamente en el botón rojo, esta vez en forma cuadrada pero en la opción Stop. Nos sale esta ventana donde se nos advierte que si damos click a Cancel no se podrá reanudar este trabajo y se perderá lo hecho.


-Ejecutamos en consola mencoder para convertir ogv a jpg. Por default recordmydesktop dejara un archivo out.ogv en nuestro directorio. En este ejemplo convertiré out.ogv en video.mpg.

mencoder out.ogv -o video.mpg -ovc lavc -oac lavc
MEncoder svn r34540 (Ubuntu), built with gcc-4.6 (C) 2000-2012 MPlayer Team

WARNING: OUTPUT FILE FORMAT IS _AVI_. See -of help.
success: format: 0  data: 0x0 - 0xe2b821
libavformat version 53.21.0 (external)
Mismatching header version 53.19.0
libavformat file format detected.
[ogg @ 0xb6ad3f00]max_analyze_duration reached
[lavf] stream 1: video (theora), -vid 0
VIDEO:  [theo]  1280x1024  0bpp  30.000 fps    0.0 kbps ( 0.0 kbyte/s)
[V] filefmt:44  fourcc:0x6F656874  size:1280x1024  fps:30.000  ftime:=0.0333
libavcodec version 53.35.0 (external)
Mismatching header version 53.32.2
Opening video filter: [expand osd=1]
Expand: -1 x -1, -1 ; -1, osd: 1, aspect: 0.000000, round: 1
==========================================================================
Opening video decoder: [ffmpeg] FFmpeg's libavcodec codec family
Selected video codec: [fftheora] vfm: ffmpeg (FFmpeg Theora)
==========================================================================
Movie-Aspect is 1.25:1 - prescaling to correct movie aspect.
videocodec: libavcodec (1280x1024 fourcc=34504d46 [FMP4])
Writing header...
ODML: Aspect information not (yet?) available or unspecified, not writing vprp header.
Writing header...
ODML: Aspect information not (yet?) available or unspecified, not writing vprp header.
Pos:   0.1s      2f (10%)  0.00fps Trem:   0min   1mb  A-V:0.000 [0:0]
[VD_FFMPEG] DRI failure.
Pos:  41.8s   1253f (100%) 39.05fps Trem:   0min   4mb  A-V:0.000 [926:0]

Flushing video frames.
Writing index...
Writing header...
ODML: Aspect information not (yet?) available or unspecified, not writing vprp header.

Video stream:  926.597 kbit/s  (115824 B/s)  size: 4837607 bytes  41.767 secs  1253 frames

-Ya tenemos listo el fichero video.mpg para subir a nuestra cuenta de youtube.
Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.
Disfrútenlo
Share/Bookmark

Como agregar AddShoppers a Opencart

En este competido mundo del comercio online cada vez hay que innovar mas, dar valor agregado y manejar formas de fidelizar al cliente. Hoy les mostrare una de estas formas, por medio de AddShoppers daremos descuentos a nuestros clientes en Opencart mientras hacemos publicidad por el voz a voz de las redes sociales.
La instalacion se hara en el tema default de opencart, en caso de usarse otro tema, cambiar la palabra default por el nombre del tema. Ya debemos tener registrada una cuenta gratuita en addshoppers.

-Agregamos el codigo de addshoppers antes de </body></html> aquí resaltados en rojo.

vi  catalog/view/theme/default/template/common/footer.tpl

<script type="text/javascript">
AddShoppersTracking = {
image: '' // add URL for custom product image (RECOMMENDED if not using Product Schema)
};
var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; js.id = 'AddShoppers';
js.src = ('https:' == document.location.protocol ? 'https://shop.pe/widget/' : 'http://cdn.shop.pe/widget/') + 'widget_async.js#38475634848d15fc523834786';
document.getElementsByTagName("head")[0].appendChild(js);
</script>
</body></html>

Salimos guardando.

-Instalamos los botones reemplazando los de Addthis

vi catalog/view/theme/default/template/product/product.tpl

Reemplazamos:

<!-- AddThis Button BEGIN -->
          <div class="addthis_default_style"><a class="addthis_button_compact"><?php echo $text_share; ?></a> <a class="addthis_button_email"></a><a class="addthis_button_print"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a></div>
          <script type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->

Con este código:

<div class="share-buttons share-buttons-panel" data-style="medium" data-counter="true" data-oauth="true" data-hover="true" data-buttons="twitter,facebook,pinterest"></div>


Salimos guardando.

-Instalamos ROI Tracking en el segundo if y antes de cart->clear(); aqui resaltados en rojo.

vi catalog/controller/checkout/success.php

if (isset($this->session->data['order_id'])) {
                        $this->session->data['AddShoppersAmount'] = $this->cart->getTotal();

                        $this->session->data['AddShoppersOrderID'] = $this->session->data['order_id'];
                        $this->cart->clear();

Salimos guardando y editamos success.tpl agregando el código ROI antes del código resaltado en rojo teniendo cuidado de agregar el código en verde, en el codigo generado no se incluye completo.

vi catalog/view/theme/default/template/common/success.tpl

<script type="text/javascript">
AddShoppersConversion = {
        order_id: <?php echo $this->session->data['AddShoppersOrderID']; ?>,
        value: <?php echo $this->session->data['AddShoppersAmount']; ?>

  };
  var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; js.id = 'AddShoppers';
  js.src = ('https:' == document.location.protocol ? 'https://shop.pe/widget/' : 'http://cdn.shop.pe/widget/') + 'widget_async.js#506281848d15fc5238fa9010';
  document.getElementsByTagName("head")[0].appendChild(js);
  </script>
  <?php echo $content_bottom; ?></div>
<?php echo $footer; ?>


Salimos guardando.

-Agregamos botones de facebook

vi catalog/view/theme/default/template/common/header.tpl

<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>"xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta property="og:type" content="addshoppers:product" />

Con esto ya nos quedan listos los botones, solo es que agregues el porcentaje o valor a dar en cupones en tu cuenta de addshoppers y te aparece asi.


Otro ejemplo

Al dar click a un botón, nos sale este aviso, compartimos y se nos muestra el cupón de descuento ya creado y activo en opencart


Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.
Disfrútenlo
Share/Bookmark

Como instalar paso a paso PrestaShop 1.5 en Centos 6.3

La pasada semana lanzaron la version 1.5 de PrestaShop, un software opensource para colocar tu tienda online, cada vez mas sencillo de manejar y con mas funcionalidades, es una una buena opcion para comenzar a vender tus articulos en la red.

server: 192.168.1.132

-Descargamos PrestaShop desde http://www.prestashop.com/en/download. Agregamos los idiomas deseados, por default esta activo Ingles.
-Descomprimimos, en este ejemplo /var/www/html/ps/
-Descargamos dependencias
wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/i386/mcrypt-2.6.8-3.el6.i686.rpm
wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/i386/libmcrypt-2.5.8-9.el6.i686.rpm
wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/x86_64/mhash-0.9.9.9-3.el6.i686.rpm
wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/i386/debug/php-extras-debuginfo-5.3.3-1.el6.i686.rpm
wget -c ftp://ftp.pbone.net/mirror/rpms.famillecollet.com/enterprise/6/test/i386/php-mcrypt-5.4.7-1.el6.remi.i686.rpm
wget -c http://dl.fedoraproject.org/pub/epel/6/i386/epel-release-6-7.noarch.rpm
-Instalamos dependencias
rpm -vi http://rpms.famillecollet.com/enterprise/remi-release-6.rpm 
rpm -vi epel-release-6-7.noarch.rpm
yum --enablerepo=remi install php-mcrypt php php-common php-pdo php-cli php-mysql php-gd php-xml libtool-ltdl
rpm -vi mhash-0.9.9.9-3.el6.i686.rpm mcrypt-2.6.8-3.el6.i686.rpm php-extras-debuginfo-5.3.3-1.el6.i686.rpm
-Reiniciamos apache
service httpd restart
-Instalamos MySQL
yum --enablerepo=remi install mysql mysql-server
-Iniciamos el servicio de mysql
service mysqld start 
chkconfig mysqld on
-Colocamos password al usuario root de mysql. Coloque su contraseña reemplazando new-password
/usr/bin/mysqladmin -u root password 'new-password' 
/usr/bin/mysqladmin -u root -h veps.example.com password 'new-password'
-Creamos una db para prestashop
mysql -u root -p 
Enter password: 
Welcome to the MySQL monitor. 
Commands end with ; or \g. 
Your MySQL connection id is 2 
Server version: 5.5.27 MySQL Community Server (GPL) by Remi Copyright (c) 2000, 2011, Oracle and/or its affiliates. All rights reserved. Oracle is a registered trademark of Oracle Corporation and/or its affiliates. Other names may be trademarks of their respective owners. 
Type 'help;' or '\h' for help. 
Type '\c' to clear the current input statement. 
mysql> create database prestashop; 
Query OK, 1 row affected (0.01 sec)
mysql> exit; 
Bye
-Instalamos por medio de un browser apuntando a http://192.168.1.132/ps/



-El instalador verifica que tengamos los requerimientos instalados y configurados, en caso de no ser así, debemos instalar lo que falte y volver a chequear este paso.



-Configuramos la db mysql y le damos click al botón Verify now!


-Si todo esta ok, podemos continuar


Los retoques finales incluyen el nombre de la tienda, si instalamos o no ejemplos (recomendable si no haz usado antes prestashop para aprender), zona horaria, país, el logo, el nombre del dueño o encargado, email y encargado. Ya con todo esto, damos click en Siguiente.



-El sistema termina la instalación.


-Ya tenemos nuestra tienda, aunque aun nos falta algo


-Eliminamos la carpeta install y renombramos la carpeta admin(escribimos cualquier palabra)

rm -rf /var/www/html/ps/install/
mv /var/www/html/ps/admin /var/www/html/ps/_98$43admin

-Nos logeamos a la interfaz administrativa en http://192.168.1.132/ps/_98$43admin


-Así se ve la primera vez la interfaz de admin


-Y esta es nuestra tienda



Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.
Disfrútenlo
Share/Bookmark

PrestaShop 1.5 ve la luz

Una nueva versión cargada de mas de 310 funcionalidades, mejoras y correcciones de errores salio ayer 21 de septiembre, PrestaShop 1.5.



Cambios destacados:
  • Multi tienda, ya nos permite tener varias tiendas con una única instalación
  • Manejo de reglas en el carrito de compras
  • Nueva API para desarrollos
  • Reescritura del codigo de esta versión
  • Rediseño del front office o fachada que ven los clientes y el back office o sección de administración
  • SEO mejorado
  • Manejo de servicio postventas
 Que les parece, manejan una tienda, con PrestaShop o con otro software? Share/Bookmark

Agregar google adwords conversions en opencart

Una herramienta muy útil si estamos usando adwords es la de monitorear conversiones (ejemplo, una venta, la creación de una cuenta, la inscripción para recibir un boletín, etc). Esta vez les mostrare como agregar el código de adwords conversions en nuestro sitio de comercio electrónico opencart, con esto sabremos cuando un cliente nos compra algo, por medio de que anuncio llego, que palabra (keyword) vende mas, etc. Mientras mas conozcamos a nuestros clientes, mejor.

-Entramos a nuestra cuenta google adwords y vamos al menú Herramientas y analisis - Conversiones. Damos click en Nueva conversión

-Escribimos nombre y elegimos si el código sera para una pagina web (como es para opencart este seria el caso). Guardamos y continuamos


-Elegimos el tipo de conversión, en este caso Compra/Venta, le decimos que es https (si tenemos certificado para nuestra tienda), Lenguaje HTML, damos un valor nominal a la conversión (yo le puse 1.000 pesos colombianos), damos la opcion del aviso de google al usuario de que estamos llevando estadísticas (esto da mas seguridad al cliente y es justo que lo sepa), ventana de tiempo de 1 semana. Damos Guardar y continuar.


-En mi caso, yo activare el código, entonces elijo la opción Yo realizo cambios en el código (en caso de que no sea así, se nos dará la opción de enviar por email a otra persona el código para que lo agregue). Copiamos el código que se nos genera y damos click a Finalizado.



-Hora de agregar el código, en nuestro server debemos editar el file success.tpl del template que estemos usando. Si lo tenemos con el default seria.

vi catalog/view/theme/default/template/common/success.tpl

-Agregamos esto al final del file

<?php if (isset($this->request->get['route']) && $this->request->get['route'] == 'checkout/success') { ?>

Aquí colocamos el código que nos genero google adwords

<?php } ?

Salimos guardando y listo, después de pasadas 24 horas y claro, alguna conversión realizada en la tienda, deben aparecernos datos en adwords.

Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.
Disfrútenlo


Share/Bookmark

Como actualizar kunena 2.0.1

Estar al día con las actualizaciones de nuestros productos nos protege de errores y hasta de ser hackeados. Hoy les mostrare como actualizar Kunena, un forum muy popular para el cms Joomla.

-Entramos a nuestro joomla por la interfaz administrativa, ahi vemos que el boton de kunena nos alerta de una actualizacion, le damos click al boton de kunena.

-Nos da info sobre la nueva versión que instalaremos, el URL de donde descargara el update. Damos click al botón Update to the latest version

-La actualización fue un éxito. Se nos muestra todos los pasos ejecutados. Damos click al botón Finish

-Ya en el panel de kunena vemos que todo esta ok. Con esto nos quedo actualizada la versión.

Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.
Disfrútenlo
Share/Bookmark