Redirect user to previous page after login shopify

customers-login.liquid

//Add this hidden field inside customer login form

<input class="devRedirect" type="hidden" name="checkout_url" value="/collections/all" />

//then add the following script at the end of customers/login.liquid file

<script>
  $(document).ready(function(){
    var devRef = document.referrer;
    $('.devRedirect').val(devRef);    
  });
</script>

hi i've tried your code and it keep sending me to the collections/all and not to the previous url , what i'm doing wrong ?

`

<div class="grid__item medium-up--one-third medium-up--push-one-third">

  <header class="section-header">
    <h1 class="section-header__title">{{ 'customer.login.title' | t }}</h1>
  </header>

  <div class="note note--success hide" id="ResetSuccess">
    {{ 'customer.recover_password.success' | t }}
  </div>

  <div id="CustomerLoginForm" class="form-vertical">
    {%- form 'customer_login' -%}
            
    <input class="devRedirect" type="hidden" name="checkout_url" value="/collections/all" />
           
      {{ form.errors | default_errors }}
    
    	<label for="CustomerEmail">{{ 'customer.login.email' | t }}</label>
      <input type="email" name="customer[email]" id="CustomerEmail" class="input-full{% if form.errors contains 'email' %} error{% endif %}" autocorrect="off" autocapitalize="off" autofocus>

      {%- if form.password_needed -%}
        <div class="grid">
          <div class="grid__item one-half">
            <label for="CustomerPassword">{{ 'customer.login.password' | t }}</label>
          </div>
          <div class="grid__item one-half text-right">
            <small class="label-info">
              <a href="#recover" id="RecoverPassword">
                {{ 'customer.login.forgot_password' | t }}
              </a>
            </small>
          </div>
        </div>
        <input type="password" value="" name="customer[password]" id="CustomerPassword" class="input-full{% if form.errors contains 'password' %} error{% endif %}">
      {%- endif -%}

      <p>
        <button type="submit" class="btn btn--full">
          {{ 'customer.login.sign_in' | t }}
        </button>
      </p>
      <p>{{ 'layout.customer.create_account' | t | customer_register_link }}</p>          

    {%- endform -%}
   </div>

  <div id="RecoverPasswordForm" class="hide">
    <div class="form-vertical">
      <h2>{{ 'customer.recover_password.title' | t }}</h2>
      <p>{{ 'customer.recover_password.subtext' | t }}</p>

      {%- form 'recover_customer_password' -%}

        {{ form.errors | default_errors }}

        {%- if form.posted_successfully? -%}
          <span class="hide reset-password-success"></span>
        {%- endif -%}

        <label for="RecoverEmail">{{ 'customer.recover_password.email' | t }}</label>
        <input type="email" value="" name="email" id="RecoverEmail" class="input-full" autocorrect="off" autocapitalize="off">

        <p>
          <button type="submit" class="btn">
            {{ 'customer.recover_password.submit' | t }}
          </button>
        </p>
        <button type="button" id="HideRecoverPasswordLink">{{ 'customer.recover_password.cancel' | t }}</button>
      {%- endform -%}
    </div>

  </div>

  {%- if shop.checkout.guest_login -%}
    <hr class="hr--clear">

    <h1>{{ 'customer.login.guest_title' | t }}</h1>
    <hr class="hr--small">

    {%- form 'guest_login' -%}
      <button type="submit" class="btn">
        {{ 'customer.login.guest_continue' | t }}
      </button>
    {%- endform -%}
  {%- endif -%}

</div>

<script> $(document).ready(function(){ var devRef = document.referrer; $('.devRedirect').val(devRef); }); </script>

`

i don't know why the script is not showing in my code but i placed it at the end