Shopify product page
Budget: £20 – £250 GBP
We require a new product page template designing.
Product image and thumbnails should remain visible while scrolling down until you reach the page break highlighted in green
Please see a live site where we have taken inspiration from
https://www.wayfair.co.uk/christmas-decorations/pdp/the-seasonal-aisle-5-h-greenwhite-pine-flocked-christmas-tree-with-150-led-lights-u003491434.html
https://www.werchristmas.co.uk/collections/pre-lit-christmas-trees/products/pre-lit-snow-drift-flocked-pine-needle-christmas-tree-multi-function-led-lights?variant=32455750811719
Please see attached image
1. Center Thumbnails
2. Restyle price
3. Change Variations from dropdown to boxes, when an option is selected the background will change colour to #40505e with white font.
4. Resize position Add buttons (add to wishlist, add to cart, buy now)
5. We want to use meta data to add icons and text in this section, we need to be able to popular this area with data from both product meta and variant meta data. We want to be able to upload svg for icon. Some product will have 1,2 3 upto a max of 6 blocks
6. Reposition SKU
7. Accordion description taken from shopify product description for single products. Products with variations should have a new meta field for the individual description and change when a variation option is selected.
8. Line 4/ of the product description will fade out, there is a See more link, when clicked the full description will show
9. Accordion specification taken from a new metafield for single products. Products with variations should have a new meta field for the individual specification and change when a variation option is selected.
10. This section has 2 features which will be visible when there is data to populate each section.
a. On the left a video should be shown whenever there is a video media file uploaded to the shopify product,, if there are 2 videos it would always show the first video. Please note the white play button. If no video file is uploaded to the product page nothing would be show (no product video icon or text or video)
b. This is an app called Showcase – Shop Instagram- I think the only styling needed will be adding the instgram icon.
Anything below “Customers who viewed this item also viewed” doesn’t need editing.
Product image and thumbnails should remain visible while scrolling down until you reach the page break highlighted in green
Please see a live site where we have taken inspiration from
https://www.wayfair.co.uk/christmas-decorations/pdp/the-seasonal-aisle-5-h-greenwhite-pine-flocked-christmas-tree-with-150-led-lights-u003491434.html
https://www.werchristmas.co.uk/collections/pre-lit-christmas-trees/products/pre-lit-snow-drift-flocked-pine-needle-christmas-tree-multi-function-led-lights?variant=32455750811719
Please see attached image
1. Center Thumbnails
2. Restyle price
3. Change Variations from dropdown to boxes, when an option is selected the background will change colour to #40505e with white font.
4. Resize position Add buttons (add to wishlist, add to cart, buy now)
5. We want to use meta data to add icons and text in this section, we need to be able to popular this area with data from both product meta and variant meta data. We want to be able to upload svg for icon. Some product will have 1,2 3 upto a max of 6 blocks
6. Reposition SKU
7. Accordion description taken from shopify product description for single products. Products with variations should have a new meta field for the individual description and change when a variation option is selected.
8. Line 4/ of the product description will fade out, there is a See more link, when clicked the full description will show
9. Accordion specification taken from a new metafield for single products. Products with variations should have a new meta field for the individual specification and change when a variation option is selected.
10. This section has 2 features which will be visible when there is data to populate each section.
a. On the left a video should be shown whenever there is a video media file uploaded to the shopify product,, if there are 2 videos it would always show the first video. Please note the white play button. If no video file is uploaded to the product page nothing would be show (no product video icon or text or video)
b. This is an app called Showcase – Shop Instagram- I think the only styling needed will be adding the instgram icon.
Anything below “Customers who viewed this item also viewed” doesn’t need editing.