Happening now! Exclusive AMA: Streamlining Fulfillment and Delivery with Shopify Experts | Ask your questions to be answered by our team!

Adding a Drop Down Product Selector to a Collection Page (Almost there)

Adding a Drop Down Product Selector to a Collection Page (Almost there)

DSM_Rob
Visitor
3 0 0

So I have came up with this code so far, which gives me the look and lists the available products but I cannot figure out how to make the button only show the selected item. Here's my code, I am using the Dawn theme and placed it into a Custom Liquid container. Any further help would be greatly appreciated. 

 

<center><label for="{{ formId }}-product-one">Select Your Vehicle:</label>
<select>              
  {% for product in collections['for-tamiya'].products %}
    <option value="{{ product.title }}">{{ product.title }}</option>
  {% endfor %}              
</select>
<input type="submit" value="Search">
</center>

 

This is how it currently looks, which is what I want, but just need to make it function.

 

Screen Shot 2022-03-03 at 10.22.11 AM.png

Replies 0 (0)