Products Page: How to Update and Code Collapsible Strips

The B-Yond site has two versions of the Product Page:

  1. "PRODUCT" This is the one going live immediately.

  2. "Prod w/ collapsible strips" is the one to use in the future when you have content for each of B-Yond's products.




In this video, I walk you through how to update the "Prod w/collapsible strips" page.

  • The page has been built-out with the collapsible strip JS code, so all you need to do is add your content the way you would in the rest of the site.

  • If you want to add a 5th product, I show you how to add the 5th card and its corresponding collapsible strips. In addition, I show you how to copy&paste and edit the JS code so that it functions properly.