27 hero variant for pdp

[markovukiceviccn]

Link to the issue: https://github.com/Netcentric/vg-macktrucks-com-rd/issues/27

Test URLs:

• Before: https://main--vg-macktrucks-com-rd--netcentric.hlx.page/drafts/marko/pdp
• After: https://27-hero-variant-for-pdp--vg-macktrucks-com-rd--netcentric.hlx.page/drafts/marko/pdp

[aem-code-sync[bot]]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/marko/pdp

[markovukiceviccn]

The model name of the truck should align with start of in page navigation as per designs

@Lakshmishri @cogniSyb

Sure I can reduce the right padding by 100 pixels but in that case any longer name will break out to the left like on this screenshot.

[cogniSyb]

The model name of the truck should align with start of in page navigation as per designs

@Lakshmishri @cogniSyb

Sure I can reduce the right padding by 100 pixels but in that case any longer name will break out to the left like on this screenshot.

Rather test with "LR Electric", which is currently the longest product name. I don’t see given the DOM structure how this can be contained in the wrapper-width. @Lakshmishri shall we mark this as a bug instead and pick it up later?

[markovukiceviccn]

The model name of the truck should align with start of in page navigation as per designs

@Lakshmishri @cogniSyb Sure I can reduce the right padding by 100 pixels but in that case any longer name will break out to the left like on this screenshot.

Rather test with "LR Electric", which is currently the longest product name. I don’t see given the DOM structure how this can be contained in the wrapper-width. @Lakshmishri shall we mark this as a bug instead and pick it up later?

@cogniSyb @Lakshmishri I would reduce the right padding to 40px and if the title is too long let it break out to left if needs more space. Like Bruce Lee once said: Be like water :) WDYT?

[Lakshmishri]

The model name of the truck should align with start of in page navigation as per designs

@Lakshmishri @cogniSyb Sure I can reduce the right padding by 100 pixels but in that case any longer name will break out to the left like on this screenshot.

Rather test with "LR Electric", which is currently the longest product name. I don’t see given the DOM structure how this can be contained in the wrapper-width. @Lakshmishri shall we mark this as a bug instead and pick it up later?

@cogniSyb @Lakshmishri I would reduce the right padding to 40px and if the title is too long let it break out to left if needs more space. Like Bruce Lee once said: Be like water :) WDYT?

@cogniSyb , @markovukiceviccn - yes we can mark this as bug and fix it later

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/marko/pdp

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/marko/pdp

[kesiah]

Also, provide different pages where we can check the color difference for "Electric trucks"

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/marko/pdp