vuestorefront / vue-storefront

Alokai is a Frontend as a Service solution that simplifies composable commerce. It connects all the technologies needed to build and deploy fast & scalable ecommerce frontends. It guides merchants to deliver exceptional customer experiences quickly and easily.
https://www.alokai.com
MIT License
10.61k stars 2.08k forks source link

Adjustments on Product card in Product details #975

Closed karolbzik closed 6 years ago

karolbzik commented 6 years ago

Current state:

zrzut ekranu 2018-03-31 o 22 05 20 zrzut ekranu 2018-03-31 o 22 04 50

Desired state:

zrzut ekranu 2018-03-31 o 22 05 53 zrzut ekranu 2018-03-31 o 22 05 34

Key improvements:

  1. The headline should be changes, on desktop is should be Playfair Display 24px bold 120% line height, on mobile Playfair Display bold 18, 120% line height, color 4F4F4F

  2. The main font with the content should be Roboto 14px regular 150% line height, the same on desktop and mobile, color 4F4F4F

  3. Listing needs to be changed from zrzut ekranu 2018-03-31 o 22 11 22 to desired one

    zrzut ekranu 2018-03-31 o 22 11 34
  4. All content in this component should fit the grid, there shouldn't be any additional margin (besides the listing)

  5. List of qualities should be changed from zrzut ekranu 2018-03-31 o 22 13 55 to zrzut ekranu 2018-03-31 o 22 15 12, changes in font size 14px, weight (name of a quality = regular, value of a quality = bold), color 4F4F4F, line height 150%

karolbzik commented 6 years ago

Please assign me for testing this issue after it will be done.

Aekal commented 6 years ago

Changes in develop, I couldn't edit dots in list items, because they are rendered as text

zrzut ekranu 2018-05-07 o 10 22 21