Make the default quantity to be 3 of my products

[JesusGomicare]

Hi guys,

I want to make the default quantity in the selector to be 3 when people enter a product page.

How can I do so?

Thanks

[namphan]

Hi @JesusGomicare,

Please go to Actions > Edit code > Sections > main-product.liquid file, find 'quantity__input' and change code here:

Code:

{{ product.selected_or_first_available_variant.quantity_rule.min }} => 3

[namphan]

Hi @JesusGomicare,

Have you tried testing it?

[VIEKIN]

@JesusGomicare 

Your means here is when user click to plus button quantity a product so instead of increase 1 you need increase 3 for each change quantity, right?

To do this you need change increment step for input field.

[Dan-From-Ryviu]

Hi @JesusGomicare 

You can do that by modifying min value in the quantity input on your product page template liquid code. Example like in this image below (Dawn theme)

[JesusGomicare]

Hi Dan,

Thanks for the the help!

This works, but doesn't allow to go below 3. I want the default to be 3, but to also be able to go 1.

Any ideas on how to do so?

[Dan-From-Ryviu]

Hi @JesusGomicare 

Please change the code to original and add this code at the bottom of your main-product.liquid file 

                    <script>
                      document.addEventListener('DOMContentLoaded', function() {
                        var quantityInput = document.getElementById('Quantity-{{ section.id }}');
                        if (quantityInput) {
                          quantityInput.value = 3;
                        }
                      });
                    </script>

[BSSCommerce-B2B]

Hi @JesusGomicare,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find product-info.js file

4) Add the following code in the function setQuantityBoundries 

Code: (Some conditions to guarantee satisfy quantity rules if exist)

// This customize can be removed anytime
if (min < 3 && (max == null || max >= 3)) this.quantityInput.value = 3;
// end

Changes:

[JesusGomicare]

Hi @BSSCommerce-B2B,

Thanks for your help! Sadly enough, this doesn't work. 

Any ideas on how to fix it?

[BSSCommerce-B2B]

HI @JesusGomicare,

Your Dawn is using a different variable name for mine. You can try this code instead

// This customize can be removed anytime
if (min < 3 && (max == null || max >= 3)) this.input.value = 3;
// end