Tag Archive | Prestashop

Quitar clientes y pedidos de prueba en Prestashop

En la fase de desarrollo de nuestra tienda realizamos numerosas pruebas para comprobar que todo esta correcto, para realizar estas pruebas es obligatorio crear nuevos clientes y pedidos.

Cuando la fase de desarrollo termina y llega el día en que decidimos sacar nuestra tienda es recomendable limpiar todos los cliente y pedidos ficticios para tener todo en orden. Para ello debemos eliminar el contenido de las siguientes tablas:

`ps_customer`;

`ps_address`;

`ps_orders`;

`ps_order_detail`;

`ps_order_discount`;

`ps_order_history`;

`ps_message`;

`ps_cart`;

`ps_cart_product`;

`ps_cart_discount`;

 

Una vez eliminado todos los registros de estas tablas tendremos nuestra tienda desarrollada en Prestashop limpia como el primer día.

 

Saludos

b_dubon

Como quitar el carrito de la compra en Prestashop

Una de las dudas mas frecuentes relacionadas con Prestashop es como quitar el carrito de la compra, puede que en algún momento deseemos tener los productos de nuestra tienda visibles pero con la opción de compra desactivada, para conseguir esto únicamente debemos seguir una serie de pasos:

Debemos dirigirnos a nuestro Back Office y en la pestaña de Preferencias debemos presionar Productos, una vez ahí la primera opción es la que nos interesa: Modo Catálogo, si activamos esta opción todas las aplicaciones de compra estarán desactivadas.

De este modo podemos lanzar nuestra tienda para que la gente la pueda visualizar en cuanto tengamos los productos subidos.

b_dubon

Quitar DNI obligatorio en Prestashop

Después de este tiempo de silencio retomo el blog con el propósito de actualizarlo más a menudo y crear contenido útil e interesante. Como redactar artículos largos es una tarea que consume un tiempo considerable y no siempre dispongo de él he decido ir alternando artículos cortos con pequeños trucos que resuelven quebraderos de cabeza a los que nos enfrentamos día a día, ya sea en prestashop, diseño flash u otros ámbitos.

El mini artículo de hoy explica como quitar la obligatoriedad del DNI en el registro de un nuevo cliente de prestashop, ya que es una información que la gente se resiste a proporcionar y puede causar el abandono de nuestra tienda.

Para eliminar esta obligación por parte del usuario únicamente debemos dirigirnos a nuestro Back Office, una vez dentro nos dirigimos a Transporte y acto seguido a Paises. Seleccionamos España y se nos abren una serie de opciones, la penúltima de ellas dice textualmente:

¿Necesita el número de identificación fiscal? A lo que debemos responder que no para eliminar esta engorrosa obligación.

Saludos, nos vemos por aquí mas a menudo a partir de ahora.

bdubon

Poner los productos de Prestashop en varias columnas

Recientemente me he encontrado con la “dificultad” de colocar el catálogo de prestashop en varias columnas ya que por defecto encontramos un producto por fila junto su información, añadir al carrito, etc. Esta disposición no resulta muy práctica a no ser que vendamos productos que necesiten una amplia descripción a primera vista.

He buscado en la red y he encontrado distintas soluciones, existen módulos de pago para permitir al usuario cambiar la vista “List or Grid” automáticamente, pudiendo visualizar los productos del catálogo en lista o en columnas.

La mayoría de desarrolladores queremos sólo una opción de visualización con lo que pagar para ese módulo es algo innecesario, para lograr poner los productos en varias columnas sólo debemos cambiar el código del .css product_list poniendo el siguiente código:

ul#product_list li {
/*clear:both;*/
margin-bottom:0.3em;
padding: 6px;
height: 280px;
width: 180px;
float: left;

ul#product_list li div.center_block {
float: left;
width: 74%
}
ul#product_list li div.right_block {
float: left;
text-align: center;
margin-left: 5px;
margin-top: 0
text-align: center;

ul#product_list li span.availability {
/*float: right;*/
color: #488c40;
font-size: 0.9em

Con estas sencillas modificaciones logramos el efecto deseado, únicamente falta definir cuantos productos queremos en cada fila, esto  mismo lo explicaremos en el siguiente post.

 

bdubon

Firebug, o cómo modificar el diseño de nuestra tienda Prestashop

Cualquiera que haya empezado a cambiar el diseño de una tienda desarrollada en prestashop se encuentra con la dificultad de encontrar los archivos .css de cada componente de la web. Esto se debe a su estructura separada en módulos, lo que es una ventaja en cuanto a organización resulta un quebradero de cabeza hasta que no nos familiarizamos con su entorno.

Vamos explicar una herramienta que seguro os será útil (por no decir imprescindible) para poder cambiar el diseño de vuestra tienda  prestashop o de cualquier otro tipo de página web.

Se trata de FireBug, un complemento para Firefox que nos permite localizar el código HTML, CSS y Javascript mientras visualizamos una web.

Para poder utilizar este plugin únicamente debemos descargarlo desde la página de descargas de Firefox https://addons.mozilla.org/es-es/firefox/addon/firebug/ o desde http://www.getfirebug.com/.

Una vez instalado únicamente debemos activarlo, el icono se encuentra en la parte superior derecha:

 

Como podéis ver al presionar sobre el icono se abren en la parte inferior del navegador dos pantallas, la de la izquierda nos muestra el HTML de la web y la de la derecha los archivos .css.

Para saber exactamente en que parte del código HTML y en que .css se encuentra un componente únicamente debemos seleccionar la opción Inspeccionar elemento:

 

Activada esta opción podremos ver la información de cada componente al pasar el ratón por encima:

 

Una herramienta que hará la vida del diseñador mucho mas fácil, con ella podemos dar a nuestra tienda un aspecto totalmente personalizado.

 

bdubon

Estructura de Prestashop y tipos de archivo

Una vez tenemos instalado Prestashop en nuestro equipo debemos empezar a construir nuestra tienda.

En el Front Office podemos acceder a ella desde el punto de vista de un cliente y así ver el aspecto y las funcionalidades que vamos mejorando e incorporando. En el Back Office tendremos toda la configuración de nuestra tienda, desde el catálogo hasta la logística junto con un sinfín de estadísticas que nos permitirán saber en todo momento el estado de los pedidos, que productos se venden más, etc.

A través del Back Office podemos instalar y comprar todo tipo de módulos para ir personalizando nuestra tienda, ahora bien si lo que queremos es adentrarnos en el código para hacer nosotros mismos los cambios que deseemos podemos hacerlo, no olvidemos que Prestashop es una herramienta OpenGL con lo que disponemos de todo el código para modificarlo a nuestro antojo.

Para modificar el código debemos dirigirnos  a la carpeta en la que tenemos instalada nuestra tienda, en mi caso (por ahora se trata de una instalación local) se encuentra en C:\wamp\www\prestashop. Una vez en el directorio de nuestro  tema encontraremos lo siguiente:

/css
/img
/js
/lang
404.tpl
address.tpl
addresses.tplop es del tiauthentication.tpl
(…)
preview.jpg
index.php
es.php

Recordemos que la programación de Prestashop es del tipo SMARTY, lo que quiere decir que el código HTML se encuentra separado del PHP con la finalidad de mejorar la organización y hacer el trabajo del programador y del diseñador más fácil.

Introduciremos con detalle cada tipo de archivo más adelante, por ahora únicamente es necesario ir familiarizándose con la estructura y los formatos de archivo que nos encontramos. Para los diseñadores y programadores les serán sobradamente conocidas las extensiones .php, .js y .css, únicamente les resultarán nuevos los archivos .tpl, que son donde se codifican las plantillas de prestashop.

Así podemos ver que prestashop separa en carpetas los archivos por extensión, también encontramos archivos como preview.jpg, una imagen preliminar de nuestro tema o el archivo 404.tpl que es la plantilla del error 404 de html.

En los próximos artículos iremos hablando sobre estos archivos y muchos otros, también veremos como modificar el aspecto de un tema y de sus módulos. Además iremos analizando con detalle el Back Office par así ir conociendo paso a paso como crear una tienda online desde cero.

b_dubon

Instalar Prestashop en un servidor local

Vamos a explicar como instalar Prestashop en un servidor local, más adelante explicaremos como hacerlo en un servidor remoto.

Lo primero que debemos hacer es preparar el entorno para poder trabajar con Prestashop, los requisitos necesarios son los siguientes:

  • Servidor Linux, Unix, o Windows
  • Apache Web server
  • PHP 5.0 o superior
  • MySQL 5.0 o superior

Para facilidad de los usuarios disponemos de paquetes pre-contruidos que instalan todo lo necesario, en nuestro caso trabajaremos con WAMPP, que podemos descargar desde aquí.

Cuando tengamos instalado WAMPP en nuestro PC  crearemos la base de datos de nuestra tienda, para ello nos dirigimos a http://localhost/phpmyadmin/ y le ponemos el nombre que queramos, en este caso la llamaremos prestashop.

Una vez hecho esto descargaremos la última versión de Prestashop en http://www.prestashop.com/es/descarga y lo descomprimiremos en C:\wamp\www.

Para seguir con la instalación nos dirigiremos a http://localhost/prestashop, donde nos aparecerá la siguiente pantalla:

En la siguiente pantalla tendremos que configurar la base de datos:

Una vez hecho esto únicamente tenemos que rellenar unos cuantos datos, nombre de la tienda, actividad, logotipo (no es necesario ponerlo en este momento, podemos configurarlo cuando queramos), etc.

Si activamos la opción modo catálogo quedarán desactivadas todas las opciones de compra, por lo que la dejaremos desactivada.

Y ya tenemos Prestashop instalado y listo para usar en nuestro ordenador, nos aparecerán dos opciones: Back Office (el panel administrativo de la tienda) y Front Office , donde podremos ver el aspecto y funcionalidad de la tienda desde el punto de vista de un cliente.

Para acceder al Back Office de Prestashop primero deberemos hacer un par de cambios por seguridad, eliminar la carpeta Install y renombrar la carpeta Admin. Así para acceder al Back Office deberemos ir a http://localhost/prestashop/administración donde administración es el nuevo nombre que le hemos dado a la carpeta Admin.

Finalizada la instalación ya podemos empezar a administrar y diseñar nuestra tienda, en el próximo artículo explicaremos con detalle el Back Office y todas sus opciones.

b_dubon

Primeros pasos, introducción

Es bien sabido que el mundo del ecommerce está creciendo a pasos agigantados y cada vez es mayor el número de tiendas que o bien son físicas y deciden dar el salto a la venta online o bien deciden crear una tienda virtual directamente.

Para desarrollar un comercio online tenemos dos opciones, podemos programar la tienda completa nosotros mismos o usar una de las múltiples soluciones que existen en el mercado para ello.

Utilizar una aplicación para crear tu tienda tiene numerosas ventajas, la más importante es que te proporcionan desde su instalación prácticamente todo el código necesario para lanzarte al mundo de la venta online. Además cuentan con una serie de módulos (gratuitos o de pago) para añadir a nuestra página y así dotarla de las funcionalidades que creamos necesarias.

Tenemos pues desde un principio el esqueleto de una tienda online con una serie de herramientas de gestión incluidas y un abanico casi infinito de módulos para implementar a un solo click, además de todo el código fuente para que podamos manipularlo a nuestro antojo. Es el momento de preguntarnos: ¿Dónde está la trampa?

Pues no hay trampa como tal, la prueba es que cada vez son más las empresas que deciden desarrollar las aplicaciones de e commerce utilizando este tipo de software, únicamente hemos de tener unos cuantos puntos claros.

- Pese a que la aplicación base es gratuita el desarrollo de la tienda requerirá siempre una inversión (su cuantía depende de que funcionalidades queramos implementar y del software escogido)

- Al tener el esqueleto de la aplicación diseñado y programado puede resultar complicado modificar ciertos aspectos y personalizar según que partes puede ser todo un reto (challenge accepted).

Es vital elegir adecuadamente el proveedor de software, existen multitud de ellos, personalmente después de una búsqueda por la red decidí estudiar con detalle estos tres:

- Prestashop: La elegida, en mi opinión la mejor aplicación de este tipo hasta la fecha, iremos conociendo este programa con detalle en los siguientes artículos. 

- Magento: Uno de los actuales gigantes del mercado, descartado porqué la cantidad de módulos gratuitos es cada vez menor.

- Oscommerce: El antiguo rey de este tipo de soluciones se encuentra actualmente desactualizado y hasta que no salga una nueva versión (si sale algún día) no es una alternativa a tener en cuenta.  

En este blog, hablaremos largo y tendido sobre Prestashop, desde su diseño a su administración, en el próximo articulo explicaremos como instalarlo y así empezar a disfrutar de esta herramienta de software tan poderosa.

b_dubon

Consultor SEO/SEM | Juan Luis Mora

Consultor SEO/SEM experto en posicionamiento web y Adwords.

Víctor Martín

Blog personal de Víctor Martín

Conectalo

Blog dedicado a la Conectividad, Nuevas Tecnologías, Internet, Hardware, Software, Social Media

benjalinking

Just another WordPress.com site

Franxesy

Mordiendo la manzana.

Marketing en Internet con Sentido Comun

Mis reflexiones e inquietudes sobre marketing en Internet.

Vox Humana

Alta formación para el progreso individual y corporativo

Seoito

Consultor independiente de Marketing On-Line

La Caja de Pandora

El sitio de pensar.

Ivars Mas

Blog de Miguel Angel Ivars Mas. Marketing, Social Media, Internet, Innovación, Estrategia, Ideas...

Dimsum Cinema

Tu blog de cine asiático

In a catwalk

by Inma & Nena

Reflexiones 2.0 (Enterprise y Personales) de Marco Cimino

un momento de pausa entre la presión de cada día....

REPUTACIÓN MARKETING ONLINE CIBERINVESTIGACIÓN

Reputación, Social Media, Blended Marketing, Inbound Marketing, Branded Content, Promoción Apps móviles, Posicionamiento SEO, SEM, Comunicación Online, Video Marketing, Social Media Intelligence, Ciber Investigación, Hacking Ético, Seguridad y ​P​rivacidad en Redes Sociales ​ "​ Recuperación de cuentas y perfiles", gestión de complicaciones legales en el 2.0, FORMACIÓN

Cosas mías

By Inma Ferragud

WordPress.com

WordPress.com is the best place for your personal blog or business site.

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

%d personas les gusta esto: