Bug: [V2 product listing] broken with Helix 5 upgrade

[ZoeBeykirch]

Issue Type

Bug

Summary

The V2 product listing block is not working properly, likely due to the helix 5 upgrade

Priority

Blocker

Description

The V2 product listing is not displaying properly and may need to be refactored to work with the new helix 5 upgrade requirements.

Affected Device Classes

Mobile, Tablet, Desktop

Affected Browsers/Devices and Versions

All browsers and devices.

Steps to Reproduce

1. Navigate to example page: https://main--vg-macktrucks-com--hlxsites.hlx.page/trucks/index-new
2. This block was copied and pasted from the AEM Sidekick library and does not function the same way it is previewed in the block library.

Expected Results

See the V2 Product Listing block in Sidekick Library for expected results: https://main--vg-macktrucks-com--hlxsites.hlx.live/tools/sidekick/library.html?plugin=blocks&path=/block-library/blocks/v2-product-listing&index=0

Actual Results

Attachment

No response

[santi-homps]

Some content issues found here and fixed.

• Incorrect format on the buttons.
• Misplaced position for the images
• Wrong format on the link
• More than 3 items on each engine's list won't fit (see image) and will stretch text container over the height limits.

[BeckyMedlin]

@Kannan-CM Also reviewed this issue with the following findings:

[6:31 AM] Chinnamuthan Kannan The section height is set to 400px by default and it doesn't adjust the height based on the content. So, we need to probably limit the text.

On Big Screens:

On Laptop Screens:

The heading is occupying the 2nd line which pushed the text and buttons down. Advised @WendyKruger to submit tickets in Teams if she needs additional assistance from CMS or if she would like to submit an enhancment request.