Responsive Redesign // Subproduct Pages

[jess-cook03]

No description provided.

[jess-cook03]

@kkellydesign @madasan @akatsoulas @flekkowich
Subproduct pages link to designs in Zeplin
To be reviewed in today's designs review meeting.

[kkellydesign]

@madasan This is in: mozilla/kitsune#4085
Here's a local link: http://127.0.0.1:8000/en-US/products/firefox

I have one question on this one. In non-firefox browsers, we have this:

On the current site, this is what it looks like:

Do we still need that? If so, should I just use the blue filled-in button and recreate the layout from the old site?

[madasan]

Yes, we need to keep the download button

[kkellydesign]

This is in:

[kkellydesign]

https://test.sumo.mozit.cloud/en-US/products/firefox

This is ready for QA, with some exceptions. Static files are still not loading, which means:

• Fonts are using the sans-serif fallback instead of Inter and Metropolis.
• The masthead photo is displaying the alt tag for the broken image instead of the logo. Here's what that looks like for me locally, where the fallback image is working correctly. To be clear, that's what happens when there's an empty field in the database, not a broken link. When the staticfiles works, it should populate the actual firefox logo in this spot.

* Icons under 'frequent topics' and 'featured articles' are both missing. * The close button on notifications is missing.

Additional notes:
In an upcoming PR, the search on this page will work identically to the homepage. It's functional now, but the layout is a bit off. The icons on search results are also related to the staticfiles issue.

[ovidiuboca1]

Comparing the dev environment and the staging one related to the sub-products pages I see different behavior. On https://test.sumo.mozit.cloud/en-US/ I don't see any sub-product pages. I did a screen recording where I compared the dev environment, where the sub-product pages exist and the test environment where I don't see any sub-product pages: https://streamable.com/nhoqt

[kkellydesign]

I believe this is either an issue with data differences, or subproducts not being implemented yet in the responsive-redesign branch. @akatsoulas, can you confirm?