Search the Community
Showing results for tags 'editor'.
-
Hello and welcome! jQuery/Ajax Advanced Order Handler for osCommerce 2.3.3 - Support thread - Have you noticed how frustrating order management in osCommerce can be? Especially if you display 100 orders at a time and every single time you need to look at another order you have to reload the entire page thus querying the database for each and every order again and again and again... It can be quite annoying, at least I thought so and it definitely isn't very effective. It's as bad/slow as it gets and we don't like slow, do we?. In addition to this most (if not all) who uses osCommerce have probably run into the problem of not being able to manually create new orders. Doing this natively requires one to actually login to an account and creating the order as if you were a customer. Even more problematic is modifying an existing order, doing this natively requires the admin to either delete & create a new order with correct details or manually editing the database directly. Both of which are, to say the least, very unattractive solutions. Having used a combination of Order Editors / Batch Printing Add-Ons myself I felt it was warranted to create a new Order Management solution that incorporates all of them in an easy to use & effective way. The goal was also to completely get rid of the need to refresh/reload the order page to see new orders. Order Refresh The solution was to use Comet: Comet is a web application model in which a long-held HTTP request allows a web server to push data to a browser, without the browser explicitly requesting it. The Comet Technique used is Ajax with long polling with jQuery.ajax. This is how it works: A GET request is sent to stream.php in which it includes the current last order displayed together with a Timeout in seconds which you can set to any number you want in the order handler Bootstrap Fixed-bottom Navbar. So, if set to e.g. 20, stream.php will every 20 seconds check the order number of the newest order in the database. If the database has a newer order than the one displayed in the order table, then the script will break the loop and return a json response with the order number. This will be parsed by jQuery, which then sends another GET request to order_poller.php asking for the new order/orders, the new rows will be returned which will be added to your displayed order table by jQuery. It will only add new information, NOTmessing up your selections in the order handler. A Growl Notification will be displayed with information from the new order. Ajax Polling will automatically be enabled when the 'Pending' selection is selected from the 'Status' dropdown, but it can also be toggled in the Navbar. Order Handling To be able to display even the long order comments, I have added a feature to display them as Bootstrap Tooltips when hovered over. I have removed the menu selection box and instead used that space to display more information in columns. A feature to sort the orders by how many products are in them have been added. Clicking on a table row will not make any requests to the server but instead use jQuery to move the highlighting. The Navbar I have used a Bootstrap Navbar with a Fixed Bottom position. This means it will always be displayed at the bottom of the screen which helps a lot when seeking through orders or when updating them. I have used the Bootstrap Multiselect Add-On to get the menu items like I wanted and I have also used Font-Awesome to get some nice looking Icons. The Action field The action field is the rightmost column on the orders table, containing the five action icons. Hover mouse over them to see what each action does. Note that there will be no Dialog asking for confirmation on Order Duplication or E-Mail Order Confirmation, pressing any of those icons will instantly proceed with their action. From left to right; the first Icon will Mail a new Order Confirmation E-Mail to the customer (and the shop owner if configured) for that order; the second icon will duplicate the order; the third icon will open a Dialog for Quick Editing the order; the forth icon will open a dialog for creating a new order; the fifth icon will go to the "normal" edit order mode. Export I use Mail Merge in Pages for Mac OS X to create Envelopes. This is very easy and fast. To do this, you first need to create a Envelope template in Pages 4.3 (version 5.0 doesn't support this feature anymore for some reason). Look at what names the data-fields have and then change the code in print_batch_process_2.php around line 56 that looks something like this: echo "Name;Street address;Postcode;City;Country\n"; So it has the same names in the heading as your envelope data-fields. Then simply open the CSV created by selecting 'Envelope' in Numbers and convert the top row to a heading. Save and then open in Pages by selecting 'Mail Merge'. This will automatically create a new envelope for every address which you easily can print. Since I don't use Excel I don't know how this is done with that software, google it, I'm sure it has some similar functionality. There is also an alternative to export to XML, a format commonly used by shipping providers to import addresses to shipping labels. Ask your shipping provider how the XML file should be designed and then make the appropriate modifications to print_batch_process_2.php around line 79 to 106. Order Editing Having a dedicated page for editing orders isn't my first choice as a solution. Instead I found ledave's Add-On, the AJAX Orders Editor. The Order Editor enables you to edit the order directly on the Order page. I really liked this solution, however it still required some editing to get it to work (for me) with taxes etc. I also added the possibility to edit the Telephone and E-Mail fields*.Moreover, I added a feature to select available taxes when adding additional fields (note that the tax is overwritten if a product is added after adding the field) and adding jQuery code to automatically refresh the fields when they have been edited so that you don't have to refresh/reload the page to see the changes. Hopefully, this will work for everyone now without need to modify any code, but no promises.. Order Creation To create new orders I have used the Manual Order Maker Add-On. Used together with the Ajax Orders Editor, new orders can be created in just a couple of seconds, no matter whether it is from a new or an existing customer.I might* have added extra search functionality - search customer by E-Mail Address or Name and also added jQuery autocomplete to suggest customers from typed name. The Order Creator can be reached both from the menu and as a Modal Quick Open by clicking it's icon in the order handler, it will then automatically pre-select the customer that made the order from the same row. I have also added dropdown selections where you can select payment & shipping method for the new order. Order Duplication If you have a customer that want to place the same order as he/she has done before, then simply search for his order and press the Duplicate Order Icon. One click and a new order has been created for this customer with the same products & shipping/payment methods. This makes creating new orders really easy and if you need to change something, then just edit the order. Deleting Orders Just check the checkboxes for the orders you want to delete and then press the red 'Delete' button on the Navbar. You will get a confirmation modal where you can select to optionally restock the products and confirm/cancel the deletion. You can also delete specific order when your at "Editing mode". * I don't want to take credit for stuff I didn't do and I have used these Add-Ons for so long that I can't remember how they originally worked. Features for this Revision: Support for and tested on osCommerce 2.3.3 Tested successfully on Google Chrome and Firefox Compatible with jQuery 2.1.0 Complete Order Creator/Editor/Handler Edit any field on an order by simply clicking on it and change the value - Code used from the 'AJAX Orders Editor' Add-On by ledave. Edited fields will instantly be refreshed when edited or a product has been added/removed (including Order Total, if affected). Quickly Add/Remove products to a order by searching in a javascript window. Edit Name/Price on products. Add/Remove 'Extra' Fields like shipping/payment costs (adding tax is selectable). One-Click-Duplication of any order - E-Mail will be sent as if the order was created by a customer. Order Creator, both as a jQuery Dialog or as a whole page with added Autocomplete support for searching customers - Code used from the 'Manual Order Maker' Add-On Quickly Create New order for existing customer by either searching for customer by Name/E-Mail/Customer Nr. or clicking the quick add icon next to existing order. Quickly Create New order for new customer - Optionally Creating New account jQuery/Ajax Handling of Orders - No need for those costly page reloads every time you select a new order or want to update for new orders. Togglable Comet/Ajax Long-Polling for new orders - When a customer creates a new order, the Order Table will automatically update and add the new order to the list without messing with your selections. Never do a page refresh again! Growl like Notifications with jQuery Gritter http://boedesign.com/blog/2009/07/11/growl-for-jquery-gritter/ Order Comments will be displayable as a Bootstrap Tooltip - No need to open the order just to check what a comment says. Batch Delete of Orders - Simply toggle the checkbox for the orders you would like to Delete and then review & confirm the selections in a nice Bootstrap Modal. - Code used from one of the Batch Print Add-Ons, can't find which one. ;=( Batch Handling of Orders - Batch Print Invoices (one order = one A4) for the selected orders, without need for PDF, in one click. Code used is from 'Batch Printing without Frames or PDF v.2.3.1' Add-On by 0ethos0 (Originally made by PandA.nl) Batch Handling of Orders - Batch Update Order Status / Send E-Mail for selected orders. Batch Handling of Orders - Export CSV to be used for automatically creating Envelopes with Excel/Numbers/Pages. Batch Handling of Orders - Export XML to be used to automatically create Shipping Labels for your shipping provider. Added an 'Order by products quantity' sorting feature to simplify order processing by handling orders with just one product first. Search Orders by E-Mail, Name or Order Number. Simple Tab management - Batch Invoices will open/refresh in same tab, meaning you only need to tabs open to handle both orders and invoices. CSS3 Loading Spinner displayed while orders are updating preventing editing orders while they're being updated. HTML5 pushState with history.js - Enables Ajax support for Back/Forward button in browser. Fixed-Bottom Bootstrap Navbar with Bootstrap Multiselect - Sliding down automatically when editing orders. Quick Send New Order Confirmation E-Mail to customer
- 259 replies
-
i would like to know if anyone has one of the following two add-ons below up and "running" on a osC 2.3.3.4 shop. if yes, which version works "without" getting any error messages? most of these version require additional add-ons to be installed which i don't need. or how do YOU edit your orders? any other tool available? order editor for osC 2.3 http://addons.oscommerce.com/info/7844 order editor http://addons.oscommerce.com/info/1435 at this point i would like to say a few words regarding the two add-ons. the first link; suppose to run on a 2.3 osC shop. IT DOESN'T!!! the first download works if you have mindsparx admin which i don't need. the second link suppose to fix that but it doesn't. and the indian dude, well,.....no comment! the second link; the add-on area is ridiculous i have never seen so many crappy uploads for an add-on. (excuse my language) that area needs definetely cleaning. why in gods name are people not uploading "full packages"? and before you upload something make sure you take out your crappy custom codes from other add-ons! and don't code things so that people are forced to install other additional add-ons to make this one run, that is total bullshit (again excuse my language) after hours of trying and trying i'm frustrated and quite pissed off. i'll have a beer and cool down.....
- 18 replies
-
- order editor
- editor
-
(and 1 more)
Tagged with:
-
Iam developing onlie store with osCommerce Online Merchant v2.3.1 I have installed Extara info pages add-on for additional pages, now i would like to add WYSIWYG Editor. Can some one suggest easy and good one? Thank you
- 3 replies
-
- extara info pages
- editor
-
(and 1 more)
Tagged with:
-
Looking for an all-purpose WYSIWYG editor to install in a client's 2.3.1 Admin. I know FCK editor and TinyMCE have gone through their own changes, as well as others purpose-built for older versions. What's your current favorite HTML editor that you install in your 2.3.1 client sites? TIA, Merry
- 3 replies
-
- html editor
- wysiwyg
-
(and 1 more)
Tagged with: