Autocomplete Off

Answered

Lewis Allard

• February 01, 2021 17:04

Would be great to have the option of toggling whether autocomplete should be off/on for inputs.

We have quantity grids for sizing on our product pages and some customers get confused when their browser shows a dropdown of their input history. They assume that these are the only available quantities, when they can actually just type what they like.

I feel like autocomplete isn't necessary for quantity inputs, or any input on a product page.

 

Referring to the html option: autocomplete="off"

1

• 

  Alex Ruff

  • March 28, 2021 21:46

  You can do this yourself in less than a minute by going to Themes > Pages > Product Details > HTML Editor and adding the following code right above the last line of code which is </ac:pagelayout>:

    <script>
      $(function() {
        $('input').attr('autocomplete', 'off');
      });
    </script>

  After reading your request I thought this was a good idea so I did this to my site and here is what the code looks like on my product details page:

  

  2
• 

  Lewis Allard

  • March 29, 2021 10:10

  Ah perfect, thank you Alex! I will give this a go.

  0
• 

  Joshua Artman

  • May 20, 2021 04:22

  Depending on what your site layout looks like you might want to target only the quantity boxes.  Our site has a dropdown in the header menu that allows a customer to login, and the code suggested above disables the autocomplete for the customer login as well.  To only target the quantity boxes I modified the code to the following:

    <script>
      $(function() {
        $('input.ProductDetailsQuantityTextBox, input.ProductGroupItemQuantity').attr('autocomplete', 'off');
      });
    </script>

  0

Please sign in to leave a comment.