How do I create this effect in PRO?

[Jen6566]

Hi there! If you go to https://www.autodesk.com/collections/architecture-engineering-construction/overview, scroll down below the blue section where it reads “See how products in the collection work together”

In that left column, there’s some description text. If you click on any of them, you’ll get the bullet point to appear on its left, but more importantly, it pops up a video that matches that description on the right.

So for every list item on the left, when you click, you’ll see a unique video load on the right. Is there a way to achieve this effect/functional in WordPress and/or Pro X? Please let me know? Thank you!

PS - My staging site for the project I’m working on is here: http://c3d.ondemandmarketing.net/ (for context)

[christian]

Hey Jennifer,

The is possible. You will primarily use the Classic Tabs element.

And, for minimal code setup, you’re going to use the Global Blocks feature to build your content to be placed inside your tabs.

Once finished, you’re going to insert the global block’s shortcode to your tab’s content.

Here’s a setup demo similar to your requirements and what I described above.

As an alternative to Global Blocks approach, you can use the Responsive Video shortcodes. Here’s a setup demo and usage instructions.

Hope that helps.