#7528472 Add feature flags and product lightbox placeholder

Sent to vendor

Created on September 15, 2022 , translate by Sunday, September 18, 2022 (578 days ago)

Translate 1 original (1 word) to Lithuanian Glossary

Prio	Original string	Translation	—
	Benefits	You have to log in to add a translation.	Details
Benefits Benefits 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 (lt) Show all deliverables with this original (overview) View deliverable: update: add variants data and product selection View deliverable: Add Product Lightbox styling View deliverable: Make product variants in the lightbox URL accessible. View deliverable: Add feature flags and product lightbox placeholder View deliverable: Jetpack New Pricing Page – Fix issues related to Foldable cards in lightbox

Legend:

Current

Waiting

Fuzzy

Old

With warnings

Export strings as

Description

Proposed Changes

Add new Feature flag jetpack/pricing-page-product-lightbox for adding Learn More button to Jetpack Products and Opening new product lightbox when clicking it.
Adding a temporary Learn More button (question mark) to Jetpack products (shown with Feature flag)
Adding placeholder component for lightbox product-lightbox.

Testing Instructions

Feature Flag is disabled by default for every environment to avoid confusion. In order to enable it add ?flags=jetpack/pricing-page-product-lightbox to the URL. Also important to note that elements like hint-button and current version of product-lightbox are not per designs, but more like placeholders for future development and for testing Feature Flag.

Checkout the PR locally and start yarn start-jetpack-cloud OR visit Jetpack Cloud Libe link below.
Visit http://jetpack.cloud.localhost:3000/pricing?flags=-jetpack/pricing-page-rework-v1,jetpack/pricing-page-product-lightbox with appropriate Feature Flags.
Check the question mark button at the bottom-right of the product cards and confirm that Dialog opens by clicking it.
Check that without jetpack/pricing-page-product-lightbox there is not hint button

Pre-merge Checklist

Have you written new tests for your changes? (No tests needed yet)
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 #
Feature Flag: 1202796695664022-as-1202796695664073/f
Lightbox placeholder: 1202796695664022-as-1202796695664078/f

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

Unfortunately, no screenshots were provided by the developer.

Show less Show more | Github Pull request