#7505230 Create and add simple product card in the new pricing page.

Sent to vendor

Created on August 30, 2022 , translate by Sunday, September 4, 2022 (636 days ago)

Translate 1 original (1 word) to Javanese Glossary

Prio	Original string	Translation	—
	Get	You have to log in to add a translation.	Details
Get Get You have to log in to edit this translation. or Cancel Translation Memory Loading… Meta Status: untranslated Priority: normal More links: Permalink to this original All translations of this original Show all translations across locales Show original across locales Show all deliverables with this original (jv) Show all deliverables with this original (overview) View deliverable: Pricing page rework: Add featured product cards View deliverable: Create and add simple product card in the new pricing page.

Legend:

Current

Waiting

Fuzzy

Old

With warnings

Export strings as

Implement a reusable product simple card component. Note below:
- The ‘more’ button does not work at the moment and should be implemented once the lightbox product details are ready.
- There is still issue w/ the styling for the ItemPrice component while it is on fetching state but this should also be fix in another ticket.
- Flow for already activated product simple card should be handled in another ticket.
Render product simple card in the Product page with ordering base on the figma design. Note that Jetpack social is still missing as the constants and data are not yet put in place. I decided not to include it for now to avoid making this PR too big while tackling more files. This should be resolve in another ticket for adding the new data.

Boot up this PR
- Run git fetch && git checkout add/pricing-page-product-card
- Run yarn start-jetpack-cloud
Go to http://jetpack.cloud.localhost:3000/pricing?flags=jetpack/pricing-page-rework-v1 or use the jetpack cloud live link and goto /pricing?flags=jetpack/pricing-page-rework-v1.
Confirm that the ‘All products’ section is visible with the simple card.

Confirm the ‘Get’ button works and redirect to correct checkout page.
Confirm the ‘Get’ button for the Jetpack CRM redirect to the correct CRM pricing page.

Have you written new tests for your changes?
Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
Have you checked for TypeScript, React or other console errors?
Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
Have we added the “[Status] String Freeze” label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?

Related to 1202796695664022-as-1202796695664111

To see the specific tasks where the Asana app for GitHub is being used, see below:
- 0-as-1202796695664111

Unfortunately, no screenshots were provided by the developer.