FR: Volvo Trucks Configurator Embed to website

[ZoeBeykirch]

Oct 11th: We still have some minor tweaks before we can provide an example for the embedding of VTNA, but attached is a similar file to use for testing - a pure html file with a few lines. This shows what you need to add to the page where you want the configurator to live.

It will look almost identical to how we already are doing it for VTG (global) - https://www.volvotrucks.co.uk/en-gb/tools/truck-builder.html#/en-gb

Nov 13th:
Below the zip file contains the build of the configurator for you to test with. It includes an HTML file which you can use as reference for how to link to the files. The configurator will render into an element with the id #configurator. It relies on its parent having a height of 100% so that it fits the full viewport.

Right now, there are a handful of CSS classes which are defined in the global scope – let me know if this causes styling conflicts on the development and Rapid Images team will try to scope them. If there’s any questions let’s take a short call.

VTNA Configurator.zip

[BeckyMedlin]

@manuel-vara Please share discovery for Volvo Group's solution for their configurator. We'd like to repurpose the same code in a component block.

[BeckyMedlin]

@manuel-vara Please go back to the global AEM team and repurpose what's being done for Volvo Trucks in EU with Configurator. Please advise next steps.

[manuel-vara]

We will need to create a custom block enabling js framework apps.
FYI @cogniSyb

[BeckyMedlin]

Per @Joesturbo When this is resolved for Volvo, it resolves for Mack as well. Netcentric/vg-macktrucks-com-rd#209 FR: Mack Trucks Configurator Embed to website
Apply lessons learned from Volvo ticket to then deliver the same experience to Mack Trucks. Dependence on: #199@WendyKruger @williebender

[DanielaPedrochevd]

Agile Requirement
As a user, I want to configure a truck to my liking to see how it would look before making the purchase.

Description
Create a new custom block called "Embed spa" that allows editors to add an HTML route to the .js and .css file.

Acceptance Criteria

1. As an editor, I can add the new "Embed spa" block to any page.
2. As an editor I can add the HTML route to the .js and .css files of the VTNA Configurator.zip in this new block.
3. The Embed spa block should be implemented as the demo provided and the style is compliant with the volvo style, although the design is out of our scope.

[DanielaPedrochevd]

Communication throughout the sprint will be needed with the application development agency (Rapid Images) to make design adjustments.

[DanielaPedrochevd]

There's a need to make a smoke test on where the .css file and .js file will be saved. Created a spike.

[cogniSyb]

@ZoeBeykirch @williebender @manuel-vara what will be the URL on production?

[Andrei-Boiangiu]

Reopening and sending back to In Progress due to the two Major bugs logged

Bug - Major - iPhone - Volvo Truck Configurator - X close window button is out of view in the Compare models pop-up
#311

Bug - Major - Mobile - Volvo Trucks Configurator - User is not able to scroll down in landscape view #312
#312

[Andrei-Boiangiu]

confirmed as done as per the two bugs above