Product Customization and Payment Scripts

This project was awarded to Naouali for $1700 USD.

Get free quotes for a project like this
Employer working
Awarded to:
Skills Required
Project Budget
$800 - $2000 USD
Total Bids
Project Description

We are an established and profitable company looking to hire an experienced PHP/JS/Ajax developer for a project.
The project can be broken into two main parts: 1) A payment system. 2) A product customization system.

1) Payment System

The payment system should be a form based system that will calculate a price based on product, customization, area of customization, and quantity (including multiple tiered quantity discounts), shipping costs, give grand total, etc.. Then depending on method of payment selected (online or offline) it will either submit to paypal, or send order details to us as a request for invoice.

This system needs to be modular with easy configuration to enable or disable various options and set up quantity discount tiers, etc.. We should build in options for adding or subtracting costs and/or delivery time which can be easily turned on and configured at a later date (checkboxes with descriptions that add + or - amount to time and/or cost).

2) Product Customization System

The product customization should be a fairly advanced system similar to the product customization functionality seen on such sites as [url removed, login to view] or [url removed, login to view] except much better (not meaning like their whole sites, only the interactive product customization functionality).

This will basically be comprised of a staging area where a product photo will be displayed as a background so the user can place custom text, uploaded graphics, or a selection of pre-made text/graphic designs onto the product.

The product photos should be comprised of layered PNGs with transparency so that different products can have different customizable areas of color (such as orange body with green trim). These layered PNGs will simply be 100% black with alpha transparency to define their shapes, then use client side javascript to filter the black into different colors based on client choices. We don't want to process these server side as then each color change would re-download graphics. We want as much done client side as possible to keep the system snappy and responsive - see Pixtastic [url removed, login to view]

Other features should include:
Basic text editing controls.
Basic placement controls (select/move/scale/rotate/scew/flip).
Basic view controls (zoom/pan/view all/view 100% production resolution).
Other misc. controls (copy/paste/delete/undo/save as url).
We will need custom fonts included in the text editing functionality - see TypeSelect [url removed, login to view]
Also a feature for placing special applique styled text/symbols with thick outlines, where the inside and outline colors of letters can be customized individually. These special characters can be handled graphically in the same way as the product photos with layered black PNGs that get recolored client side.
Similar to the applique styled text/symbols we need a function to add pre-made graphic elements with 1-3 re-colorable areas, again handled with layered PNGs.

We want most of the options available to be populated based on the contents of a directory hierarchy. So adding an appropriately named directory containing properly named files to the right place in the hierarchy would be all that was needed to add a new product, new font, new set of pre-made graphics, or new color choices.

Additional Info:
We will provide rough mock-ups and charts to define needed functionality, as well as most graphic elements, to the winning bidder.

Standards oriented and modular. Scripts work well together and easy to implement on variety of existing sites. Clean, well commented and formatted code. Simple to use customization options for setting the scripts up, and sensible css styles for easy adjustment of layout and appearance. Ajax to be leveraged for snappy, responsive interaction.

We are open to jQuery as a JS framework as it is used in places on some of our sites already but we are not interested in adding any more/other JS frameworks. Straight JS would also be fully acceptable.

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