Woocommerce类别缩略图网格可扩展布局

Question

我想创建一个类别页面，其中将包含所有类别的缩略图，单击类别时，我想在下面显示所有产品，例如Google图片布局，或者您可以在下面查看此链接。

https://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/

在单击缩略图时，我要显示与单击的类别缩略图相关的所有产品。