Openfoodnetwork: Show unit price in Shopfront

[sauloperez]

Description

- As a: user
- On page: /shop#/shop
- I want to be able to do: See the unit price of each of the variants of a product, including the bulk buy modal.

Acceptance Criteria & Tests

The unit price should include any fees listed in the price breakdown. That is, all fees associated with a variant. See app/assets/javascripts/templates/price_breakdown.html.haml and Api::VariantSerializer#fees for reference.

Check the design specs linked in https://github.com/openfoodfoundation/openfoodnetwork/issues/6449#issue-756226197. Watch out mobile!

1. Go to an enterprise's shopfront.
2. When the product is bought in bulk, click on "Add".

The unit price should correctly match the price displayed for the variant in both the variant and the bulk modal.

[jibees]

Reference: #6877

[jaycmb]

Has this not been done as the first issue of this epic (and been merged behind feature toggle)?

[jibees]

This issue was a sort of epic inside an epic, which wasn't a good idea (and it was mine I guess).
I assume we can close this issue.

[sauloperez]

heads-up! we're missing the bulk modal to finish this

You need to enable group buy for the product from /admin/products/<product_name>/group_buy_options.

[jibees]

I juste created new issue: #7426
Thanks for catching this @sauloperez !

[Erioldoesdesign]

So we would need the same sort of design for unit prices label next to the '$3.30' here?

[jibees]

@Erioldoesdesign I just added the Unit price next to the '$3.30'.
You can see here : #7428
Feel free to add your comments if it needs some re-design!!

[RachL]

I think this is safe to close now @jibees @jaycmb ?