I am currently in the process of building a shop page built on the CMS that uses a FoxyCart integration. On each product page, I need to have a dropdown with options to select a product color. The problem is that these colors change depending on the product.
So, what I have done is create two CMS Collections: one for the products and one for all the colors available. Then, in the Products Collection, I created a multi-reference field and chose all the possible colors available for that product. Pretty straight-forward and I believe I have done all of that correctly.
But here comes the problem: creating a dropdown on the Product template page to select the color. So far, I have created a dropdown on the Product template page, placed a dynamic list inside the Dropdown List and added a text link into the Collection Item. This has gotten me pretty close. Basically, now I have a dropdown that shows all the available colors for that product, but the text links link to the Colors template page. I need the colors to just be selectable options (similar to a Select element in a form).
I don’t really need anything special to happen when a color is selected, such as a price change. I just need a color to be selectable and my client to know which color was selected. I apologize for being so wordy on this one—just wanted to be as thorough as possible. Thank you!
On my read-only link, navigate to the “Three Tiny Knots Products Template” page and then change the product item to “Limited Edition Harper”.