Practica Creando una Tienda Online con Ubercart en el Curso de Drupal de E-duca.eu

UBERCARTConjunto de módulos de tienda online para Drupal

UBERCART Características principales* Diseñado con el usuario * Numerosos módulos que lofinal 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 paraordenes. dar facilidad de uso.

UBERCART Funcionalidades principales 1* Páginas del catálogo * Control de stock básicoconfigurables * Productos definibles como* Bloque para mostrar Archivos para descargacategorías de productos * Promociones por rol* Creación de productos * Single page checkoutflexible con clases de * Anonymous checkoutproductos * Creación automática de* Soporte de multiples cuenta de usuario paraimágenes por producto comprador* Flexible sistema deatributos para los productos

UBERCART Funcionalidades principales 11* Procesamiento sencillo de * Sistemas de pago integradolas ordenes de compra, que actúan como puenteworkﬂow (estados de entre métodos de pagocompra) [recibida | (cheque, tarjeta de crédito,procesada | pendiente | recibo bancario, etc) ycompletada] 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ónproductos, y clientes. con las principales agencias.

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

UberdrupalEs una instalación de Drupal con todos los módulosnecesarios de Ubercart incluidos y habilitados.Tiene unas pantallas de conﬁguración iniciales dondevas rellenando los datos de la tienda al instalar el sitio.Su proyecto es http://drupal.org/project/uberdrupal

Pantallas instalación Uberdrupallª Pant. 2ª Pant.

Instalación manual: Módulos que se necesitan CCK (Content) Token Fileﬁeld, Imageﬁeld 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

También suelen usarse estos módulosuc_paypal_buttons: uc_conditional_payment:Paypal Buttons Conditional payments(para poder pagar con (mostrar formas de pagopaypal de forma sencilla) dependiendo de condiciones)uc_vat: VAT(conﬁgurar el Iva para directdebit: DirectEspaña) (forma de pago domiciliar recibouc_bank_transfer: Bank bancario)Transfer(forma de pago cart linkstransferencia) ( urls para construir productos en el carrito)

Pasos fundamentales paraconfigurar una tienda Ubercart La configuración se encuentra enAdminister -> Store administration -> configurationDebemos re"enar la información de:- 1. Cart settings- 2. Catalog settings- 3. Checkout settings- 4. Order settings- 5. Product settings

Conﬁguración 1Cart settings

Conﬁguración 2Catalog settings

Conﬁguración 3Checkout settings

Conﬁgurar 4 Order settings

Conﬁgurar 5Product settings

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

UbercartPractica 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.

Ubercart Practica 1Requerimientos Extragrande (XL).funcionales 2: - Nuestra tienda tendrá- Las camisetas pueden dos tipos de camisetastener distinto color y de chica y dos de chico.distinta talla: Las fotos de lasColores posibles: camisetas las sacaremosBlanco, Amarillo, de la páginaNaranja, Rojo, Verde, www.camisetasgeek.comAzul, Marrón, Gris, Pondremos dos tipos deNegro. camiseta de chica y dosTallas posibles: tipos de chico con susPequeña (S), Mediana correspondientes fotos(M), Grande (S), de los colores

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

Ubercart Practica 1Requerimientosfuncionales 4:- El catálogo visualizarálos productos en formade Grid en lugar de enforma de tabla,mostrando un grid de 2columnas.

Ubercart Practica 1Requerimientos 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 losterritorio nacional. No usuarios anómimos quese sirven camisetas fuera puedan comprar en elde España. sitio.- El Iva para las - Se debe comprobar quecamisetas es el 18%, se se crea una cuenta dequiere que el usuario vea usuario en drupal paralos precios con Iva cada cliente de la tiendaincluido, para eso para marketing posterior

Ubercart Practica 1Requerimientos - Crearemos unfuncionales 6: Producto del mes, será- Gracias al módulo una vista de tipo blockuc_views mostraremos con título, imagen yuna vista en un bloque precio del produto delcon los nuevos mes, que mostraremosproductos . también en un bloque.- El bloque mostrará 3 Para hacer estoproductos con crearemos una nuevapaginación, ajax, borde, taxonomiacaja tipo light y l imagen producto_mes para parapor producto como en la etiquetar a un productodemo. con este tag.

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

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

Ubercart Practica 1Requerimientos funcionales 9:- Crear un feed de datos rss con los productos nuevosque muestre los textos completos para que los usuariospuedan suscribirse con su lector de feed favorito.- Crear un boletín de novedades para suscribirse poremail con feedburner. (herramientas necesario unacuenta de google para administrar el boletín)- Crear una cuenta de twitter para nuestra webCamisetasOnline y publicar en el las novedades paraque los usuarios de twitter puedan saber lo último denosotros. (Herramientas: cuenta de twitter. Usaremostwitterfeed.com para importar nuestras novedades porfeed en twitter)

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

Ubercart Practica 1Requerimientos funcionales ll:- Crearemos una notiﬁcación con triggers para que nosllegue un email cuando alguien escriba un comentario.- Crearemos una regla con rules para llevar al usuario ala página del catalogo del sitio cuando haga login.- Crearemos una regla con rules para que recibamos unanotiﬁcación por email cuando alguien publique algúnnuevo contenido de cualquier tipo en el sitio ya seapublicado o no.

http://www.e-duca.eu	3659
http://e-duca.eu	473
http://paginastop.tk	34
http://localhost	18
http://www.e-duca.es	18
http://e-duca.es	10
http://translate.googleusercontent.com	4
http://webcache.googleusercontent.com	3
http://www.acie.es	1
http://e-duca.eu.	1
http://www.e-duca.eu.	1

Practica Creando una Tienda Online con Ubercart en el Curso de Drupal de E-duca.eu

by E-duca.eu on Jun 23, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

11 Embeds 4,222

Statistics

Practica Creando una Tienda Online con Ubercart en el Curso de Drupal de E-duca.eu — Presentation Transcript