Closed

Drupal 7 /ubercart: modificar diseño grafico pagina checkout

This project received 18 bids from talented freelancers with an average bid price of €561 EUR.

Get free quotes for a project like this
Project Budget
€250 - €750 EUR
Total Bids
18
Project Description

Tenemos nuevas modificaciones que queremos aportar a nuestro carrito de la compra sobre el workflow de la compra.

Queremos modificar la pagina: [url removed, login to view] y eliminar del flujo de la compra la pagina review [url removed, login to view]

La idea es que el cliente haga lo menos pasos posible para comprar los productos.

Requerimiento 1 :

Adjuntamos las imágenes que hemos hecho para explicar los requerimientos de la pagina checkout:

Checkout-Redisign-1 -before-calling-PayPal-form-1-product :

Es así que la página de Checkout se verá inicialmente.

Checkout-Redisign-2-before-calling-PayPal-form-multiple-products :

Lo mismo pero otro ejemplo con múltiples productos en el carrito.

Checkout-Redisign-3-after-calling-PayPal-form

Después de que el usuario entra su dirección de correo y le da clic al botón "Proceed to Payment", el formulario de PayPal debería aparecer abajo como en esta imagen.

Checkout-Redisign-4-with-design-specifications :

Aquí tienes todas las especificaciones de fuentes, píxeles, separaciones, alineamientos, etc.

Una vez que el usuario entre su dirección de correo, le dará clic al botón "Proceed to payment". Este botón tiene que abrir el formulario de PayPal en esta misma página tal como se muestra en el fichero Checkout-Redisign-3-after-calling-PayPal-form.jpg.

Si el usuario entra su dirección de correo electrónico y luego simplemente teclea 'Enter' (en lugar de darle clic al botón 'Proceed to Payment'), el formulario de PayPal debería aparecer igualmente. Es decir, apretar 'Enter' después de entrar su dirección de correo electrónico debe tener el mismo efecto que darle clic al botón 'Proceed to Payment'.

Pueden ver como funciona nuestro flujo actual desde [url removed, login to view], seleccionar varios productos y ver como estan las paginas actuales. Checkout.

Requerimiento 2:

Hemos incrustado en la pagina checkout complete ([url removed, login to view]) un codigo para comunicarnos con la plataforma optimizeley

<!-- Optimizely -->

<script>

[url removed, login to view] = [url removed, login to view] || [];

[url removed, login to view](['trackEvent', 'purchases', {'revenue': 100}]);

</script>

En lugar del 100 nos gustaría poner el precio real de la compra que se ha completado.

Detalles técnicos

• Se dispone de un entorno de desarrollo y trabajamos con GIT.

• La web esta hecha con DRUPAL 7 (commons)

• El CSS está generado por SASS. .

• Usamos UBERCART para el carrito de la compra.

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online