simple changes to tabs on product pages


I require changes to be made to the tabs area on the product pages. This should be a very simple job for someone who knows that they are doing.

I have created a new directory via ftp where the product documents will be located

[url removed, login to view]

within this directory there is





within each of these directories there is




so an example would be

[url removed, login to view]

on this product page [url removed, login to view] there is tabs that say "product details", "downloads", "videos".

I require changes to bring the items under "downloads" out into their own tabs. So the tabs will be "Product Details", "Instruction Manual", "Specifications", "Brochure", "Video".

We upload the pdf, web_pdf (which is a smaller size pdf file), and jpg files via FTP to the directories listed above.

What we need is for the tabs to be hidden unless there is a file that has been uploaded to that directory with the corresponding product code.

the pdf file in the /web_pdf/ directory will be embedded in the page below the tab (as in the example attached). The embedded PDF will be 879px wide by 1208px high. there will be two buttons above this embedded web_pdf which say "Download JPG" and "Download PDF". When the "Download JPG" is clicked, this will trigger the download (save as) of the file stored in /jpg/. When the "Download PDF" button is clicked this will trigger download (save as) of the pdf file stored in /pdf/

The file names will be the product code. e.g. the /web_pdf/ filename for the product k29-01 will be [url removed, login to view] and it will be stored in the /web_pdf/ directory. if there is a .pdf file in that folder with a product code then that .pdf file will appear embedded on that product page. If there is no .pdf file in /web_pdf/ but there is a .pdf file in /pdf/ then the embedded pdf won't appear although the "Download PDF" button will still appear. If there is no files in /specifications/ for example then the specifications tab will be hidden until a file is placed in either specifications/pdf/, specifications/web_pdf/, specifications/jpg/.

if there is a .jpg file placed in the /jpg/ folder then the "Download JPG" button will appear. if there is no .jpg file in the /jpg/ folder then the "Download JPG" button will be hidden.

I have attached a mock up of the embedded pdf file and the files that need work done to them. If you require any more files please let me know.

I will have many more projects in the near future so if you know what you are doing and your price is reasonable then there will be plenty more work for you other than this project in the future.

Skills: jQuery / Prototype

See more: tabs prototype, tab prototype, simple prototype, prototype upload, prototype tabs, prototype of product, prototype items, prototype files download, prototype directory, prototype a product, new product prototype, video brochure, brochure downloads, so many pages, product videos, product uploaded, product prototype, product mock up, product details, instruction manual, jquery upload file folder, ftp jquery, product mock, jquery file upload page, jquery file upload trigger

About the Employer:
( 7 reviews ) Turrella, Australia

Project ID: #4467858

2 freelancers are bidding on average $79 for this job


Hi, good day! Let me do this.

$103 USD in 7 days
(8 Reviews)

Looking forward to work with you.

$55 USD in 3 days
(0 Reviews)

Sir I am willing to make these changes.

$55 USD in 0 days
(0 Reviews)