Trying to implement the add to cart button to product cart

[Mentorpublish]

Hi,

I trying to implement "add to cart" button from my product page, to my product card, but I not sure why the quantity button also show together.

I don't want the thing inside the red circle to show, but I can't seems to find the code to delete in my coding, can anyone tell me how to do it?

Hereby is my coding:

{% if onboarding %}
<button
type="submit"
name="add"
class="
product__add-to-cart-button
product__add-to-cart-button--onboarding
"
data-product-atc
>
<span class="text" data-product-atc-text>
{{ 'products.product.add_to_cart' | t }}
</span>
</button>
{% else %}

{% unless collection_handles contains 'coming-soon' %}
<div class="product__form" data-product-form-area>
{%
render 'product-form',
product: product,
context: 'product',
collection_handles: collection_handles,
show_recipient_form: block.settings.show_gift_card_recipient_form,
show_payment_button_quickshop: show_payment_button_quickshop
%}
</div>

{%
render 'product-notify-me',
product: product,
variant: selected_variant
%}
{% endunless %}
{% endif %}

Here is my website: https://1cabe3-26.myshopify.com/

Thank you.

[Moeed · Accepted solution]

Hey @Mentorpublish 

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

<style>
.product-thumbnail .product-form__quantity-box-wrapper {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Moeed · Accepted solution]

Hey @Mentorpublish 

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

<style>
.product-thumbnail .product-form__quantity-box-wrapper {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Mentorpublish]

Hi @Moeed ,

It worked, thank you for your help.

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[niraj_patel · Accepted solution]

Hello @Mentorpublish 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.product-form__quantity-box{
display: none !important;
}
.product-form__quantity-box-wrapper {
display: none !important;
}

</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.