Closed

simple changes to tabs on product page

This project received 12 bids from talented freelancers with an average bid price of $123 USD.

Get free quotes for a project like this
Employer working
Project Budget
$30-$250 USD
Total Bids
12
Project Description

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
/brochure/
/instruction_manual/
/product_details/
/specifications/

within each of these directories there is
/jpg/
/pdf/
/web_pdf/

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.

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