Javascript BigCartel-单击图像时实现产品页面覆盖的最佳方式是什么？

在本地使用dugway构建完全自定义的主题。目前，我有一个主页，其中有一个图像（单击时）可以导航到产品页面

我为之构建它的人要求，当单击其中一个产品时，我会介绍一个覆盖该产品的选项等等

然而，我对BigCartelAPI还不够熟悉，不知道如何正确地完成这项工作。通常，我会将产品作为一个隐藏元素包含，并使用javascript中的onclick启动覆盖，但据我所知，我需要将product.html页面与layout.html分开，以使其正常工作

从本质上讲，如果他们以后需要，我是否可以放弃默认页面，将所有内容都包含在一个layout.html中，而不丢失所有功能？目前，我只需要产品覆盖，包括添加到购物车按钮、描述，以及主产品图片下方的其他图片。如果你建议有一个很好的方法来实现这一点，我就接受它。谢谢