Description
Changes proposed in this Pull Request
This PR add the new CRO i5 iteration of the plans page filter bar for Calypso and Jetpack Cloud.
Fixes 1196341175636977-as-1199149328812588
Implementation notes:
- I did not implement the new scroll behavior is this PR (only pin the plans filter bar. The page heading and navigation should not also be pinned but rather disappear when scrolled)
Testing instructions
- Download the PR
- Run both Calypso and Jetpack cloud concurrently
- Select the
i5 - Saas table design
variant of the a/b test jetpackConversionRateOptimization
- Visit the Plans page
- In both Calypso and Jetpack Cloud, check:
- That the plans filter bar matches the Figma design (In desktop & mobile)
- That the Filter Bar duration toggle functions as it should (Changes the plans/products billing duration and prices)
- Select the previous a/b variant (v2 – slide outs) and check that the previous plans filter bar iteration was not affected.
Screenshots
Figma designs
Desktop
Desktop scrolled
Mobile
Mobile scrolled
.
.
This PR screenshots:
Desktop
Desktop scrolled
Mobile
Mobile scrolled
Unfortunately, no screenshots were provided by the developer.