Inactive next-button or animation after checkout

  • Posts: 137
  • Thank you received: 2
13 years 7 months ago #12735

Hi!

When clicking on the next button at checkout (at the moment we have only free products) it takes 5-10 secondes until the order has finished. Is it possible to make the next-button inactive after it has been clicked or to show a animation so the user knows the process is still going on?

Best regards

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 7 months ago #12751

Hi,

That's an interesting idea.
Hiding the next button once clicked should be really easy. Go in the menu Display->Views and edit the file step of the view checkout and change the line:
echo $this->cart->displayButton(JText::_('NEXT'),'next',$this->params,hikashop::completeLink('checkout&task=step&step='.$this->step+1),'if(hikashopCheckChangeForm(\'order\',\'hikashop_checkout_form\'))document.forms[\'hikashop_checkout_form\'].submit(); return false;','id="hikashop_checkout_next_button"');

to:
echo $this->cart->displayButton(JText::_('NEXT'),'next',$this->params,hikashop::completeLink('checkout&task=step&step='.$this->step+1),'if(hikashopCheckChangeForm(\'order\',\'hikashop_checkout_form\'))document.forms[\'hikashop_checkout_form\'].submit(); document.getElementById(\'hikashop_checkout_next_button\').style.display=\'none\'; return false;','id="hikashop_checkout_next_button"');

Please Log in or Create an account to join the conversation.

  • Posts: 137
  • Thank you received: 2
13 years 7 months ago #12761

This could be a bit confusing for customers when the button only disappears.

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 7 months ago #12762

Then like this:
echo $this->cart->displayButton(JText::_('NEXT'),'next',$this->params,hikashop::completeLink('checkout&task=step&step='.$this->step+1),'if(hikashopCheckChangeForm(\'order\',\'hikashop_checkout_form\'))document.forms[\'hikashop_checkout_form\'].submit(); document.getElementById(\'hikashop_checkout_next_button\').disabled=true; return false;','id="hikashop_checkout_next_button"');

Please Log in or Create an account to join the conversation.

Time to create page: 0.061 seconds
Powered by Kunena Forum