Woocommerce product page edits

General information for the website: An affiliate marketing site promoting bathrooms
Kind of development: Customization of existing website
Description of requirements/features: Using wordpress and woocommerce, i need some modifications made to product pages.

This is an affiliate website, where all products link to an advertisers website. Instead of a buy now button adding products to the cart, this buy now button redirects traffic to the product page on the advertisers website.

Currently product pages (http://www.bathroomly.co.uk/furniture/bathroom-furniture/basin-vanity-units/) only show product image, product title, price and a 'more details' button which links to the product page.

I need these product pages to:
1 - Include an additional field, which will pull a woocommerce attribute (this edit will also need its own css class)
2 - Change the 'more details' link from going to the product page, to rather go to the products external product url

A screen shot is attached.

I will need to be given which files were modified, as well as the files location, in case this does not improve conversions and changes need to be reverted.

Please inform me of the lead time it will take you to complete this.
Specific technologies required: html, php, css
Extra notes: