Spotlight Theme - How do I remove quantity picker so I can add a price input field

Spotlight Theme - How do I remove quantity picker so I can add a price input field

disappearhere
Tourist
12 0 3

Spotlight Theme - How do I remove the quantity picker so I can add a price input field with pence ie: £20.51 instead of the up and down arrow. At present they can type this in but it will only take a whole number ie £21, £22

 

Its just this one product I want to change to this 

 

This is the product I need to change: https://www.disappear-here.co.uk/products/tiktok-shop-payment-link

 

Please help!

 

I'm also looking to hire someone who can help me get my website found online so if you're reading this and this is something you do, please let me know!

Replies 4 (4)

Moeed
Shopify Partner
6736 1820 2202

Hey @disappearhere 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if product.handle == 'tiktok-shop-payment-link' %}
<style>
.product-form__input {
    display: none !important;
}
</style>
{% endif %}

RESULT:

Moeed_0-1737984057369.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


disappearhere
Tourist
12 0 3

It didnt work 😢

LizHoang
Shopify Partner
901 108 138

Hi Disappearhere

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

div#Quantity-Form-template--21759208718680__main {
    display: none !important;
}

 

Result: 

LizHoang_0-1737985727731.png

 

Best,
Liz

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
disappearhere
Tourist
12 0 3

It didnt work 😢