Pricing page rework: Add product/plan lightbox descriptions. #7528982

Created on 2022-09-15, translation required by 2022-09-18 (636 days ago.)

Translations Glossary

Original string	ar	de	es	fr	he	id	it	ja	ko	nl	pt-br	ru	sv	tr	zh-cn	zh-tw
{{strong}}1TB (1,000GB){{/strong}} of cloud storage	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑
Unlimited one-click restores from the last {{strong}}1 year{{/strong}}	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑
{{strong}}1 year{{/strong}} activity log archive *	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑
Full Jetpack suite with real-time security, instant site search, ad-free video, all CRM extensions, and extra storage for backups and video.	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑
Protect your site or store with automated daily cloud backups, and restore in one click from anywhere.	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑
Protect your site or store. Save every change with real-time cloud backups, and restore in one click from anywhere.	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑
Own your content: High-quality, ad-free video built specifically for WordPress.	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑
Keep your site or store ahead of security threats with automated malware scanning; including one-click fixes.	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑
Incredibly powerful and customizable, Jetpack Search helps your visitors instantly find the right content - right when they need it.	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑	☑

Description

Proposed Changes

This PR adds the specific product descriptions that are displayed in the product/plan lightbox.

It also fixes an issue where the product lightbox descriptions were not displaying for some products, such as for Backup T2, Security T2, Anti-spam, Scan, Search, Boost, and Social.

Completes asana task: 1202796695664022-as-1202979995370873

I also renamed the functions & properties for getting the product featured descriptions. They were named/called productFeaturedText, which is inconsistent with the product description, product short description, product lightbox description, etc. So I renamed “productFeaturedText” to “productFeaturedDescription“, which is more descriptive and consistent with all the other product descriptions.

Testing Instructions

View the regression:

Go to https://cloud.jetpack.com/pricing?flags=jetpack/pricing-page-rework-v1
Click on “More about Backup” link and then select storage option “1 TB”. Notice that the lightbox product description (just under the product title) disappears.
Click on the “More about ” lightbox links for Anti-spam, Scan, Search, Boost, and Social, and notice that the lightbox product descriptions are missing (not displaying).

Test this PR:

Do any one of these
- Click on Jetpack Cloud live link below and add this to the end of URL ?flags=jetpack/pricing-page-rework-v1
- or spin up this PR
  - Run git fetch && git checkout add/jetpack-products-lightbox-description
  - Run yarn start-jetpack-cloud
  - Goto http://jetpack.cloud.localhost:3000/pricing/?flags=jetpack/pricing-page-rework-v1
- Click on the “More about ” links for all the products/bundles (except not CRM Entrepreneur)
- Verify all the lightbox product descriptions are displaying, (be sure to select the storage options variants for Backup & Security)
- You can compare the lightbox product descriptions copy with this Figma File: m0y1jHTuDpvMPkFsOJBoNP-fi-3557%3A123824

Screenshots:

Pre-merge Checklist

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)?

To see the specific tasks where the Asana app for GitHub is being used, see below:
- https://app.asana.com/0/0/1202979995370865
- https://app.asana.com/0/0/1202979995370873

Unfortunately, no screenshots were provided by the developer.

Show less Show more | Github Pull request