Xtreme makeover on Zencart Product Page ***** AJAX!
$250-750 USD
Closed
Posted almost 12 years ago
$250-750 USD
Paid on delivery
I need a modification of every aspect of the product page
ONLY ZENCART AND AJAX EXPERTS ALLOWED
WRITE "IM AN AJAX EXPERT and know a little of zencart" in your bid so I know you understand this
I will not give ftp access to anybody
I will provide a copy of both, ftp content and db.
then you make all the work needed,
and then you send me ONLY the files that needs to be inserted / modified in the real ftp of the site.
The code MUST BE well commented so further changes or customization may be implemented by me in the future
at least //// BOF main image ////
/// EOF main image /// or any helping or warnings during the code
All of the functionalities should be visible in mobile phones ( Iphone as standard )
FLASH IS PROHIBITED ( sorry , but Steve Jobs decided that before he dies )
This project is for a decoration relationed product, hence the design of the product page should be elegant and professional. As similar to the jpg attached as it can be.
NO CRAPPY LOOKING ALLOWED
I will be very hard in this point during all the project
Project will be paid when all the features needed are working in the real site.
You should upload your copy of the site in some host to show the changes and progress of the project.
Ok, let's explain the work
First of all there must be a conditional that search in the product model string
if the product model string contains "CUT-1-" display this new product page
if not, display the original product page as it is today
I will mention every point of the design and its functionality
-------------------------------------
RAPSODIA ( is simply the product name ) must use Humanst 521LtBt font embbeded
------------------------------------
The two prices:
the first one is a fake price, ( calculation is [login to view URL](real price + 30%) )
The second is the real price ( from real zencart data )
Those price bars will appear in an animated way
the first bar will grow from left to right ( and number will raise accordingly )
The second bar will appear then, from right to left ( and number will decrease accordingly )
see jpg attached
--------------------------------------
The sizes listbox:
There`s an external xml
that xml contains many lines
each line belongs to a model and size and it says
<product name="Rapsodia" height="110" width="60" price="56" />
next line says
<product name="Rapsodia" height="120" width="70" price="63" /> and so on
that xml should be read and the sizes / prices that match productname will fill the lines of the listbox
when user clicks in one of them, Product price must change accordingly
list box css as seen in [login to view URL] or similar
This attribute ( size ) changes the price of the product so when user finally clicks BUY button, two variables must pass to the checkout process
The size ( 160 x 110 for example ) and the price increment ( +27€ )
The price increment is a string with x characters.
The number of characters is ( size selected price MINUS lower possible product price ) ( 83 - 56 in our example = 27 )
When checkout function receive this string, it adds one euro for each character of that string, Hence increment X euros ( 27 euros in our example )
READ MORE IN THE ATTACHED TXT ( DETAIL PROJECT CHARACTER RESTRICTION IN FREELANCER .COM , sorry)
All the features needed have a strong relationship with ZENCART native logic
Please don´t ask me any tiny detail on how zencart uses templates, handles images, medium, small and large images, where does it stores it, where or how it loads external js
I know all this and can help eventually, but I can't answer every inconvenience you may face , and THAT´S WHY I´M HIRING SOMEONE, cause I don´t have time enough to do this.
If this project go ok, you will surely be selected to do many MANY MANY other customizations on zencart sites in other languages and products types ( simplify checkout process, modify index pages, etc )
good luck!