Woocommerce related queries

[niveditachaman]

Hello,

I had few queries regarding Woocommerce plugin provided with the X theme.

1. I am using the extension Woo checkout editor (part of X) to add new checkout fields. Is there a way to rename the section / add a section heading for the new set of fields? I have added it under the additional fields in the checkout editor.
2. I have added couple of new fields of type = file. These fields do not show the uploaded file when I test it out on the website. Also it does not have a help text option to prompt the user for the kind of file to upload. As of now the upload buttons are misleading as they don’t show the file uploaded and neither is the button greyed out to indicate that the file is already uploaded. Please suggest an alternative to have the image thumbnail seen to the user, so that they know what they have uploaded.
3. I want a multi-step checkout wizard instead of listing all the fields in a single page. Can you please let me know how that can be achieved? Please recommend if there any plug-ins for this that are compatible with X.

[rad]

Hi @niveditachaman,

Thanks for posting in.

Woocommerce is not provided by us, it’s just added as recommended plugin and we only added a quick way of installing. It’s installable from here https://wordpress.org/plugins/woocommerce/. But I assume you’re only referring to WP Checkout editor plugin.

1. It’s not currently possible, that would require customization which we can’t cover.

2. It does not display the uploaded file but it displays the successful message upon upload. But, you may try this workaround. Please add this code to your global custom javascript

jQuery ( function($) {

$( document ).ajaxComplete(function( event, xhr, settings ) {

    if ( xhr.responseJSON.error == false && xhr.responseJSON.message == "File uploaded" ) {
		 

         $('<img class="tco_woo_file_upload_image" src="' + xhr.responseJSON.url + '">').insertAfter('.tco_woo_file_upload');
         $('.tco_woo_file_upload').remove();
         

    }

});

} );

This will only work on image files.

3. That’s not currently possible, that would require customization which mostly related to Woocommerce templates. But, maybe you can find plugins with similar functionality.

Thanks!

[niveditachaman]

Thank you.
I pasted the code you have given for #2. I have 4 file fields. Facing the following issues.

1. When I upload the first file, all 4 files are showing the first file and the upload button goes missing for all.
2. There is no way to change the uploaded file, since the button goes missing. I tried clicking on the image but it does not allow to upload again.
   Please help.

Regarding #3 Woocommerce multi-page checkout. Do you have plugin recommendations that will be compatible with the Woo Checkout editor ?

Thanks.

[christian]

Hey @niveditachaman,

I will post your concern (#2) to our issue tracker so our development team would be made aware once the go through the list of reports. For now, regretfully, there is no solution to this.

Regarding #3, I’m sorry but we have not found a plugin that will do what you need. You might need a third party developer to build the functionality for you.

Thank you for understanding.

[niveditachaman]

Hi, For #2, Please let me know if your development team has responded on the issue.
Is there a code update that they can help with. You have already helped with the code snippet that shows the file uploaded. Just that it shows the same files for all 4 fields (file types).

[rad]

Hi there,

There is no news for now. The upload feature is a bit complex and it has to capture all possible responses. The code that provided as workaround is only limited to that, and it can’t be changed once uploaded.

Thanks!