• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Practica Creando una Tienda Online con Ubercart en el Curso de Drupal de E-duca.eu
 

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

on

  • 14,684 views

Guión de la practica para crear una tienda online con Ubercart en Drupal.

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

Statistics

Views

Total Views
14,684
Views on SlideShare
5,615
Embed Views
9,069

Actions

Likes
1
Downloads
120
Comments
0

19 Embeds 9,069

http://www.e-duca.eu 7290
http://e-duca.eu 1516
http://paginastop.tk 82
http://www.e-duca.es 63
http://e-duca.es 43
http://localhost 18
http://www.paginastop.tk 17
http://translate.googleusercontent.com 11
http://webcache.googleusercontent.com 10
http://www.paginastop.cl 5
http://paginastop.cl 4
http://e-duca.eu. 2
http://www.google.es 2
http://www.acie.es 1
http://divulgon.e-duca.eu 1
http://www.slashdocs.com 1
http://aulavirtual.e-duca.eu 1
https://www.google.es 1
http://www.e-duca.eu. 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

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

  • 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 puenteworkflow (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 Profile) - 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 configuració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 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
  • 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(configurar 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
  • Configuración 1Cart settings
  • Configuración 2Catalog settings
  • Configuración 3Checkout settings
  • Configurar 4 Order settings
  • Configurar 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 final.
  • 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 notificació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 unanotificación por email cuando alguien publique algúnnuevo contenido de cualquier tipo en el sitio ya seapublicado o no.