A simplified version of my LPS collection code, that you can use for displaying a collection or gallery of anything on your website.

Features:

• auto-generated gallery of all collection items from a .json file
• when clicked on any collection item, its individual details page opens
• filtering feature with two categories of filters: "mold" and "color" - you can also add more categories or more filters
• search feature
• random item feature
• item counter

the code includes notes that guide you which parts are responsible for which features, and also how it can be modified to your needs - for those out there who do not have big experience in javascript.

After being set up on your website for the first time, new collection items can be added by only editing the .json file.

collection-item: a single thing show all mold: dog cat mouse ... custom: category x category y category z search