Adding a custom drop down to my product page

Adding a custom drop down to my product page

scented1
Visitor
3 0 0

Hi

 

Just wondering if anyone can point me in the right direction on how to create a bit of custom coding for my product page.

 

I want to ask a question above the add to basket and when they select yes, a drop down text field appears.

 

I don't want a form app as I also need it to appear at the checkout for my customers to be able to double check their info is correct and for it to appear on the invoice our side.

 

Is this possible?

 

Note: I'm using Enterprise theme

 

Screenshot 2024-07-05 105745.pngScreenshot 2024-07-05 105801.png

Reply 1 (1)

Small_Task_Help
Shopify Partner
489 15 34

Hi,

 

Need to modify the product Template and add dropdown HTML near add to cart

Example of code

 

<div class="product-options">
    <label for="chain-length">Select Chain Length:</label>
    <select id="chain-length" name="properties[Chain Length]" class="product-form__input">
        <option value="16 inches">16 inches</option>
        <option value="18 inches">18 inches</option>
        <option value="20 inches">20 inches</option>
        <option value="22 inches">22 inches</option>
    </select>
</div>

 

By using css you can Style the dropdown

 

 

Click here to Contact and Get Shopify Store Help
We are Shopify Experts   from Ecommerce Small Task Company.