Guión de la practica para crear una tienda online con Ubercart en Drupal. Pasos y módulos utilizados. Parte del Curso de Drupal de E-duca.eu http://www.e-duca.eu/formacion-en-drupal

1. UBERCART
Conjunto de módulos de tienda
online para Drupal

2. UBERCART
Características principales
* Diseñado con el usuario * Numerosos módulos que lo
final en mente. complementan para ajustarse
* Tomando muy en cuenta la a cada necesidad.
usabilidad. * FrontEnd: La mayor parte
* 4 años de madurez del sistema es configurable y
* 3 áreas clave: se integra con los estandares
- Configuración de la tienda de Drupal (nodos,
- Creación de catálogo y taxonomías, usuarios, views,
productos etc)
- Admnistración de * BackEnd: Diseñado para
ordenes. dar facilidad de uso.

3. UBERCART
Funcionalidades principales 1
* Páginas del catálogo * Control de stock básico
configurables * Productos definibles como
* Bloque para mostrar Archivos para descarga
categorías de productos * Promociones por rol
* Creación de productos * Single page checkout
flexible con clases de * Anonymous checkout
productos * Creación automática de
* Soporte de multiples cuenta de usuario para
imágenes por producto comprador
* Flexible sistema de
atributos para los productos

4. UBERCART
Funcionalidades principales 11
* Procesamiento sencillo de * Sistemas de pago integrado
las ordenes de compra, que actúan como puente
workflow (estados de entre métodos de pago
compra) [recibida | (cheque, tarjeta de crédito,
procesada | pendiente | recibo bancario, etc) y
completada] pasarelas de pago (PayPal,
* Creación y edición de Authorize.net, Cybersource,
ordenes sencilla etc)
aceptables * Gastos de envío
* Informes de venta, personalizables, integración
productos, y clientes. con las principales agencias.

5. Formas de instalar Ubercart
Ràpido, útil para un sitio nuevo o vacio
- Instalación de Uberdrupal
(Drupal Insta"ation Profile)
- Instalación manual de módulos
Control total. Lo mejor para sitios existentes o personalizados

6. Uberdrupal
Es una instalación de Drupal con todos los módulos
necesarios de Ubercart incluidos y habilitados.
Tiene unas pantallas de configuración iniciales donde
vas rellenando los datos de la tienda al instalar el sitio.
Su proyecto es http://drupal.org/project/uberdrupal

7. Pantallas instalación Uberdrupal
lª Pant.
2ª Pant.

8. Instalación manual: Módulos que se necesitan
CCK (Content) Token
Filefield, Imagefield Ubercart:
Core: (Cart, Conditional
ImageApi (ImageApi, actions, Order, Product,
ImageApi GD2) Store)
Imagecache Optional: (Attribute,
(Imagecache, Catalog, Payments,
Imagecache UI) Taxes, PayPal, Test
Gateway)
Lightbox 2

9. También suelen usarse estos módulos
uc_paypal_buttons: uc_conditional_payment:
Paypal Buttons Conditional payments
(para poder pagar con (mostrar formas de pago
paypal de forma sencilla) dependiendo de
condiciones)
uc_vat: VAT
(configurar el Iva para directdebit: Direct
España) (forma de pago
domiciliar recibo
uc_bank_transfer: Bank bancario)
Transfer
(forma de pago cart links
transferencia) ( urls para construir
productos en el carrito)

10. Pasos fundamentales para
configurar una tienda Ubercart
La configuración se encuentra en
Administer -> Store administration -> configuration
Debemos re"enar la información de:
- 1. Cart settings
- 2. Catalog settings
- 3. Checkout settings
- 4. Order settings
- 5. Product settings

11. Configuración 1
Cart settings

12. Configuración 2
Catalog settings

13. Configuración 3
Checkout settings

14. Configurar 4
Order settings

15. Configurar 5
Product settings

16. Ubercart
Practica 1
- Tienda de Camisetas Online
Tema:
Usaremos el Tema Acquia Prosper (necesita:
acquia_prosper, fusion, skinr)

17. Ubercart
Practica 1 - Tienda de Camisetas Online
Requerimientos funcionales 1:
- El sitio tendrá una página de bienvenida con una
mensaje de bienvenida y un video de youtube en
tamaño 640 x 510.
- Efecto para el bloque de catálogo: Rounded corner
dark background.
- Los atributos que varien el precio del producto deben
mostrar el precio total en lugar de la diferencia de
precio.
- Tendremos dos categorías dentro del catálogo:
Camisetas Chico, y Camisetas chica.

18. Ubercart
Practica 1
Requerimientos Extragrande (XL).
funcionales 2: - Nuestra tienda tendrá
- Las camisetas pueden dos tipos de camisetas
tener distinto color y de chica y dos de chico.
distinta talla: Las fotos de las
Colores posibles: camisetas las sacaremos
Blanco, Amarillo, de la página
Naranja, Rojo, Verde, www.camisetasgeek.com
Azul, Marrón, Gris, Pondremos dos tipos de
Negro. camiseta de chica y dos
Tallas posibles: tipos de chico con sus
Pequeña (S), Mediana correspondientes fotos
(M), Grande (S), de los colores

19. Ubercart
Practica 1
Requerimientos (S) valen un euros
funcionales 3: menos, y las de talla
- Cada camiseta tendrá (XL) un euro más.
en su lista de selección - Tamaño de los presets
de color solamente de las imágenes:
disponibles los colores producto: 200x200
de los que tenga foto. categoría: 300x300
- El precio de las thumbnail: 150x150
camisetas es en euros: cart: 50x50
Precio de venta: 10 product_list: 150x150
euros, de coste: 5 euros, - El producto mostrará
en tarifa: 15 euros. dos precios el precio en
- Las camisetas de talla tarifa tachado y el final.

20. Ubercart
Practica 1
Requerimientos
funcionales 4:
- El catálogo visualizará
los productos en forma
de Grid en lugar de en
forma de tabla,
mostrando un grid de 2
columnas.

21. Ubercart
Practica 1
Requerimientos usaremos el módulo Vat.
funcionales 5: - Las formas de pago que
- Los gastos de envío se admiten serán PayPal
(portes) son 7 euros para o Tranferencia bancaria.
cualquier provincia del - Se debe permitir a los
territorio nacional. No usuarios anómimos que
se sirven camisetas fuera puedan comprar en el
de España. sitio.
- El Iva para las - Se debe comprobar que
camisetas es el 18%, se se crea una cuenta de
quiere que el usuario vea usuario en drupal para
los precios con Iva cada cliente de la tienda
incluido, para eso para marketing posterior

22. Ubercart
Practica 1
Requerimientos - Crearemos un
funcionales 6: Producto del mes, será
- Gracias al módulo una vista de tipo block
uc_views mostraremos con título, imagen y
una vista en un bloque precio del produto del
con los nuevos mes, que mostraremos
productos . también en un bloque.
- El bloque mostrará 3 Para hacer esto
productos con crearemos una nueva
paginación, ajax, borde, taxonomia
caja tipo light y l imagen producto_mes para para
por producto como en la etiquetar a un producto
demo. con este tag.

23. Ubercart
Practica 1
Requerimientos funcionales 7:
- Ya con los dos bloques creado Instalaremos Quicktabs
para crear un bloque con 2 tabs, el primero para la vista
de block novedades y el segundo para la vista de block
producto del mes.
El estilo de los tabs será excel.
Este bloque Quicktabs irá sin título en la región Preface
top y va a reemplazar a los 2 bloques novedades y
producto del mes en uno solo. Ver demo.

24. Ubercart
Practica 1
Requerimientos funcionales 8:
- La tienda online no tendrá menu en el footer. Tendrá
un segundo menú en el header con las opciones Iniciar
sesión y Registrarse, y a la derecha el cuadro de
búsqueda. De esta forma desactivaremos del lateral
izquierdo el bloque de login.

25. Ubercart
Practica 1
Requerimientos funcionales 9:
- Crear un feed de datos rss con los productos nuevos
que muestre los textos completos para que los usuarios
puedan suscribirse con su lector de feed favorito.
- Crear un boletín de novedades para suscribirse por
email con feedburner. (herramientas necesario una
cuenta de google para administrar el boletín)
- Crear una cuenta de twitter para nuestra web
CamisetasOnline y publicar en el las novedades para
que los usuarios de twitter puedan saber lo último de
nosotros. (Herramientas: cuenta de twitter. Usaremos
twitterfeed.com para importar nuestras novedades por
feed en twitter)

26. Ubercart
Practica 1
Requerimientos funcionales lO:
- Crear un registro de cambios del sitio donde vamos a
ir anotando los cambios que vayamos haciendo.
Crearemos una página no publicada para que solo la
pueda ver el administrador llamada Changelog que
mostrará comentarios de más nuevo a más antiguo,
usaremos los comentarios para ir añadiendo los
cambios que hagamos. Crearemos un bloque en el
lateral izquierdo con un enlace a la página de cambios,
el bloque solo podrá verlo el administrador. Fijarse en la
demo.

27. Ubercart
Practica 1
Requerimientos funcionales ll:
- Crearemos una notificación con triggers para que nos
llegue un email cuando alguien escriba un comentario.
- Crearemos una regla con rules para llevar al usuario a
la página del catalogo del sitio cuando haga login.
- Crearemos una regla con rules para que recibamos una
notificación por email cuando alguien publique algún
nuevo contenido de cualquier tipo en el sitio ya sea
publicado o no.