Product Detail Page
  • 04 May 2023
  • 4 Minutes to read
  • Dark
    Light
  • PDF

Product Detail Page

  • Dark
    Light
  • PDF

Article summary

There is a set layout for a product detail page with specific requirements; as you design your Photoshop file, you must create the page with these in mind. Any variation to these requirements will not be accepted, and we will force the requirements when implementing your Photoshop file or existing website onto the WineDirect platform.

Please reference the product detail page image below with the notes for this page:


A) Product Title

Required. This is added automatically through the e-commerce tools when you/your client adds their products to the WineDirect platform. This will be a heading 1. This will show above all of the text on the product page. Occasionally people like the vintage in the title; if you'd like this in the title, you/your client needs to add it into the 'Product Title' when adding a product to the e-commerce section.


B) Image

Optional. If an image is added, it will always show on the left side of the product detail page. You cannot have text/images directly above or below the product image. You cannot have the product image on the right or any other location than the left side of the page. Only. JPG or. PNG file types will work for these images. If you add multiple product images, they will show below the main image as a thumbnail. If there is only one image, there will be no thumbnail.


C) Teaser 

Optional. This is added automatically through the e-commerce tools when you/your client adds their products to the WineDirect platform. If there is a teaser, this will show on the detail and product list pages. You cannot show it on only the list page; it must show on both the list and detail pages if there is a teaser. This will show below the product title but above the add-to-cart buttons.


D) Ratings & Reviews

Optional. You can have ratings, ratings, and Reviews, or neither. If you have ratings, reviews, or both, it will show between the teaser and the add-to-cart section of the detail page. If you are showing ratings, it will show the stars of the average rating, which are not editable for color, size, etc.

Ratings also show below the Wine Profile section of the product detail page. It will show previous ratings and reviews and the rating/review form with a captcha. It will automatically pull in a gravatar for the email address of the rater/reviewer. You can change the button text, color, size, etc.; this is a global design.


E) Add-To-Cart Area

Optional. If the product has a SKU, this will automatically show. This must show below the teaser and above the description. You can change the button text in the Resource Bundle. You can also change the color and size of the button; this is a global button design.


F) Price / Unit Description

You are required (if you have a price). It will automatically show the price and the 'unit description' from the e-commerce tools you/your clients added. The unit description can be anything you'd like, from 'bottle' to '750ml' to 'Hat.' It will not show the price or unit description if you don't have an SKU/price.


G) Buy Case

Optional. This will show automatically if you/your client enters a number in the 'Bottles In A Case' fields when adding the products either manually or through an excel import. It will automatically show the price multiplied by the number they enter in that field. Volume discounts should be applied through the Promo Builder.


H) Social Media Bar

Optional. You can choose from all, none, or any combination of the social media option within the social media bar. They will display in this order; here are the options:

  1. Facebook Share
  2. Twitter
  3. ShareThis
  4. Email
  5. Facebook Like 

I) Product Description

Optional. If you/your client entered a description, it would always show below your social media bar, the Wine Profile, and the Wine Specs. There is no limit to the length; if it's long, it will lower the Wine Profile and Wine Specs.


J) Wine Profile

Optional. The following fields are available for you/your client to add text to the Wine Profile section in this exact order; if nothing is entered in any of the fields below, the blank fields automatically do not show. If you'd like to change the name of a field, you can do so through the resource bundle feature:

  1. Tasting Notes
  2. Ratings
  3. Awards
  4. Vineyard Notes
  5. Production Notes
  6. Winemaker Notes
  7. Food Pairing Notes
  8. Other Notes 

K) Wine Specs

Optional. The following fields are available for you/your client to add a rating to the Wine Specs section in this exact order; if a rating is not entered in any of the fields below, the blank fields automatically do not show. If you'd like to change the name of a field, you can do so through the resource bundle feature:

  1. Vintage
  2. Varietal
  3. Appellation
  4. Harvest Date
  5. Sugar
  6. Acid
  7. PH
  8. Aging
  9. Fermentation
  10. Bottling Date
  11. Residual Sugar
  12. Tannin
  13. Alcohol %
  14. Wine Spectator
  15. Wine Enthusiast
  16. Robert Parker
  17. Connoisseurs' Guide
  18. James Halliday
  19. Stephen Tanzer's
  20. The Wine News
  21. Wine & Spirits
  22. Wine Advocate
  23. Wine Buyer

L) Product Page Pagination

Optional. If you'd like customers to be able to click for the next, previous, first, last, or a max of three wines on each site (i.e., << < 1|2|3| 4 |5|6|7 > >>).


Was this article helpful?