Add Progress Bar to File Upload

  • Posts: 118
  • Thank you received: 3
11 years 2 weeks ago #127695

Hello, this is just a suggestion for a future Hikashop release (hopefully it isn't too difficult and can be added reasonably quickly:) )

With the File Upload custom field, it would be good if there was some sort of progress bar to indicate the upload is taking place.

Good luck and thanks for such a great product. The support you guys provide is second to none.

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

  • Posts: 26150
  • Thank you received: 4026
  • MODERATOR
11 years 2 weeks ago #127697

Hi,

It is already planned that the uploader system implemented in HikaMarket would be ported into HikaShop.
I built a new upload lib (drag & drop, progress bar, image preview, no dependency) which should be used in a future HikaMarket release and if good, in HikaShop too.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 118
  • Thank you received: 3
11 years 2 weeks ago #127755

Wow, sounds good! Would it be simple to add a popup window after the upload begins to inform the user that the upload is taking place? If so, could you point me in the right direction of the code file to edit and where to insert a popup code?

thanks

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

  • Posts: 82721
  • Thank you received: 13338
  • MODERATOR
11 years 2 weeks ago #127775

There is no easy way. It will require the whole upload system to be rebuilt, like we'll do for the uploader coming from HikaMarket.

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

  • Posts: 118
  • Thank you received: 3
11 years 2 weeks ago #127777

Even just for a popup (similar to the "Item added to cart")? It would pop up when the user clicks "add to cart". Actually as I'm typing this, I'm thinking I could adapt the added to cart popup to include text about waiting for the upload to complete, that may work until the new upload system is in place... I'll go try it :)

Thanks

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

  • Posts: 65
  • Thank you received: 2
  • Hikashop Business
11 years 2 weeks ago #128032

Hello,

Me too I am very interested in an upgraded version of the File Upload with the following:
- drag & drop
- progress bar
- one or multiple image upload
- image preview
- image management

Do you know when you will have something ready? I am very wiiling to test any BETA version!

Thks in advance for the great service and awsome product!

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

  • Posts: 26150
  • Thank you received: 4026
  • MODERATOR
11 years 2 weeks ago #128038

epware wrote: Do you know when you will have something ready? I am very wiiling to test any BETA version!


Hi,

No we don't know.
We don't have neither beta versions (except in very very rare cases, like for Joomla 3).

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
The following user(s) said Thank You: epware

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

  • Posts: 118
  • Thank you received: 3
11 years 2 weeks ago #128083

Hi, as mentioned earlier, I was going to alter the text in the "add to cart" popup, but I have checked it out, and the popup doesn't actually trigger until after the file has been uploaded, is there a way for me to edit the code to enable this popup before the file is uploaded, I looked for a trigger but all I could find is onBeforeDownloadFile(&$filename,&$do,&$file). It would be appreciated if you could point me to the file and location for me to alter or add a popup function?

Thanks

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

  • Posts: 26150
  • Thank you received: 4026
  • MODERATOR
11 years 2 weeks ago #128152

Hi,

"onBeforeDownloadFile" is the trigger when a user want to download an HikaShop file, not upload.

For most I understand, it is not possible to do your request in few minutes. It requires somes PHP/Javascrip dDevelopment skills.
There is no popup until the file is uploaded because the popup is display in the next page. You submit a form to send the file so when the submission is finished, you display a new page and the popup is displayed.
If you want to override the "add to cart" button you will have to use a "template override" like explain in our developer documentation.
www.hikashop.com/support/documentation/6...tation.html#override

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 118
  • Thank you received: 3
11 years 2 weeks ago #128288

Thanks Jerome, that makes sense. We are keen to look into this further. Could you please help with the following:

Let us know which file, and where in that file, the code is that submits the form.

I plan to add some code before the submission to display a popup (this popup explains the user must wait whilst the upload is taking place) this then either dissappears after a set time, or user clicks "continue", then the form is submitted, then the normal "added to cart successfully" popup displays once the file is uploaded.

It would be REALLY good if you could help us get something suitable working for this as it is currently a major weakness of the usability of our website.

Thanks for any help you can give us.

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

  • Posts: 26150
  • Thank you received: 4026
  • MODERATOR
11 years 2 weeks ago #128348

Hi,

If you want to edit the "add to cart" button, you have to override the button itself:
www.hikashop.com/support/documentation/6...tation.html#override

Or you have to override the views which use it ("product | add_to_cart_listing" and "product | quantity").

Regards


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 118
  • Thank you received: 3
11 years 2 weeks ago #128442

I would have thought it was more simple than that. We don't need any fancy display, progress bar or anything like that. I'm sorry, we may be over complicating things, all we need is a solution for when users upload a larger file to show them that the browser has not crashed. Do you have any suggestions for us?

Thanks

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

  • Posts: 82721
  • Thank you received: 13338
  • MODERATOR
11 years 2 weeks ago #128460

By default the browser shows a specific cursor when the upload starts until the new page display so that the user knows that he has to wait.
As Jerome said, adding a progress bar to the upload is not easy. We'll do it in the future but we can't give you a solution for that in the short term because we don't have one.

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

  • Posts: 118
  • Thank you received: 3
11 years 2 weeks ago #128461

Hi, the only browser change we get (firefox) is the window title changes to "connecting" and the rotating circle animation next to it. That doesn't stand out to the user. The user can then continue onto another product and start uploading another file which will cancel the first and create a whole big messy situation.

I know about the progress bar complication which is why I said we don't need anything that fancy, just a notice onclick of the "add to cart button" before the upload commences.

If you go to our site: www.quickcheapprint.co.nz and check out how we are doing things, and try upload a larger file, you will see what we mean. There must be a way you can help us to put something simple in place please please please? Because we don't know enough about how the add to cart function actually works, we can't come up with a solution ourselves and really need your help...

Thanks
Alan

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

  • Posts: 65
  • Thank you received: 2
  • Hikashop Business
11 years 2 weeks ago #128514

I am also strongly looking for a more powerful upload feature as well. Would it be possible to integrate one of these solutions digitarald.de/project/fancyupload/ or docs.joomla.org/Creating_a_file_uploader_in_your_component ?

Help help help!

Tx

Eric

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

  • Posts: 26150
  • Thank you received: 4026
  • MODERATOR
11 years 2 weeks ago #128565

Hi,

We already have our own uploading system (which does not require flash player).
This system has been added in HikaMarket, like I said in my first message of this thread :)

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 118
  • Thank you received: 3
11 years 1 week ago #128606

epware, please don't push them, I am not pushing them for this as I know they are working on it and testing it. I am just looking for an interim solution whilst we are waiting on the full feature, can you help with a simple temporary solution like I asked in my last message Hikashop?

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

  • Posts: 65
  • Thank you received: 2
  • Hikashop Business
11 years 1 week ago #128610

No worries. I am trying to find solution like yours. I will let you know if I find a piece of code that works.;)

The following user(s) said Thank You: ahcopyart

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

  • Posts: 26150
  • Thank you received: 4026
  • MODERATOR
11 years 1 week ago #128867

Hi,

For your "waiting popup", like I said in a previous message, you can do it by overriding the "add to cart" button.

If you want to edit the "add to cart" button, you have to override the button itself:
www.hikashop.com/support/documentation/6...tation.html#override

Or you have to override the views which use it ("product | add_to_cart_listing" and "product | quantity").

The idea is to submit the form and open a popup in the same time. So you will have to add some code to open the popup for the page you want to display.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 118
  • Thank you received: 3
11 years 1 week ago #128929

Yes Jerome, I did read that. But I was hoping for some guidance as to how to implement it. Looking at the documentation, it seems quite complicated (for a non coder like myself). I have managed to code other things we required looking at the appropriate documentation but with this one I really don't know where to start. Could you help in this instance please? I'm sure its quite simple when you know the workings of Hikashop and know code. I would have thought it would only be around 10 lines of code? We just need just something simple until you implement the Hikamarket Upload feature. Possible for you to help?

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

Time to create page: 0.104 seconds
Powered by Kunena Forum