How can I create a drop down form on my product page? (debut theme)

Highlighted
New Member
9 0 0

When I transferred all of my products over from my Etsy shop to Shopify, I have too much stock with all of my sizing variations. I would like to use a drop down form instead. 

I was given this code to put in the product liquid page

<form> <p class="line-item-property__field">
<label>Sizing</label><br>
<select required class="required" id="sizing" name="properties[Sizing]">
<option value="6">6</option>
<option value="6.5">6.5</option>
<option value="7">7</option>
<option value="7.5">7.5</option>
<option value="8">8</option>
</select>
</p> </form>

However when I insert it into my product liquid page it appears in bottom left corner of page and I'm not sure what I am doing wrong. 

Many thanks in advance

 

0 Likes
Highlighted
Astronaut
1082 178 213

Hello,

Thank you for your question.

Please share your store URL, page URL and also password (if your store has one), I'll help you out to the best of my ability.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
9 0 0

Hi Diego,

Thanks so much. 

It's https://kazzy-stone.myshopify.com

gauhow is the password

It's not one specific page. I want to remove the sizing (as inventory) and use a form to choose the size so that I can have say 2 in stock but then offer a range of sizes that would be made to order if that makes sense. 

 

0 Likes
Highlighted
New Member
9 0 0

So if this is the product liquid page, where would I insert the code for a form?

 

{% comment %}
The contents of the product.liquid template can be found in /sections/product-template.liquid
{% endcomment %}

{% section 'product-template' %}
{% section 'product-recommendations' %}

{% if collection %}
<div class="text-center return-link-wrapper page-width">
<a href="{{ collection.url }}" class="btn btn--secondary btn--has-icon-before return-link">
{% include 'icon-arrow-left' %}
{{ 'products.product.back_to_collection' | t: title: collection.title }}
</a>
</div>
{% endif %}

<script>
// Override default values of shop.strings for each template.
// Alternate product templates can change values of
// add to cart button, sold out, and unavailable states here.
theme.productStrings = {
addToCart: {{ 'products.product.add_to_cart' | t | json }},
soldOut: {{ 'products.product.sold_out' | t | json }},
unavailable: {{ 'products.product.unavailable' | t | json }}
}
</script>

{% assign current_variant = product.selected_or_first_available_variant %}

<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Product",
"name": {{ product.title | json }},
"url": {{ shop.url | append: product.url | json }},
{%- if product.featured_image -%}
{%- assign image_size = product.featured_image.width | append: 'x' -%}
"image": [
{{ product.featured_image.src | img_url: image_size | prepend: "https:" | json }}
],
{%- endif -%}
"description": {{ product.description | strip_html | json }},
{%- if current_variant.sku != blank -%}
"sku": {{ current_variant.sku | json }},
{%- endif -%}
"brand": {
"@type": "Thing",
"name": {{ product.vendor | json }}
},
"offers": [
{%- for variant in product.variants -%}
{
"@type" : "Offer",
{%- if variant.sku != blank -%}
"sku": {{ variant.sku | json }},
{%- endif -%}
"availability" : "http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}",
"price" : {{ variant.price | divided_by: 100.00 | json }},
"priceCurrency" : {{ cart.currency.iso_code | json }},
"url" : {{ shop.url | append: variant.url | json }}
}{% unless forloop.last %},{% endunless %}
{%- endfor -%}
]
}
</script>

0 Likes
Highlighted
New Member
9 0 0

Diego can you still assist me with my problem?

0 Likes
Highlighted
Astronaut
1082 178 213

@KazzyStone 

I don't see any dropdowns at the bottom left corner of the page. Did you get the issue fixed?

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
9 0 0

No, I haven't. No matter where I insert the code, it appears either top left or top bottom. I just took it out. 

Can you advise me? I don't want to have 5 in stock of every item because my items are handmade to order. 

0 Likes
Highlighted
Astronaut
1082 178 213

Hey,

I need to be able to see the issue to help you. Make sure you have the bug on an offline theme and share the preview url, please. 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
9 0 0

https://kazzy-stone.myshopify.com/collections/herkimer-diamonds/products/aaa-shungite-and-herkimer-d...

 

I want to remove the sizing that uses each size as stock and use a drop down menu (see bottom left corner).

0 Likes
Highlighted