-
Posts
-
hello,
I’m having a visualization problem with the ‘WooCommerce Upload Files’ plugin.
As you can see from the attached link there is the ‘upload selected file’ buttons that should not be displayed at this stage.I contacted the author and he told me it has to do with theme CSS
in this file: http://ya2c.com/wp-content/themes/enfold/config-woocommerce/woocommerce-mod.css?ver=4.4.2
define the attribute “display: inline-block;” which makes the button visible even if it should not.The disclaimer link get also broken..
Can you help me fix it?
I would also like to have that ‘box’ aligned to the drop down menu and not to the labels on the left.Many thanks
DavidHi David!
can u please share with us backend access to your web site?
I tried to apply some CSS through developer tools and did not workedCheers!
BasilisHi!
Do you want to hide the button? You can add this in the Quick CSS field:
.wcuf_upload_multiple_files_button, .wcuf_upload_field_button { display: none !important; }Or ask the plugin for the location of the css stylesheets. Copy the css codes then put inside the style.css file or the Quick CSS field. This will override the theme’s styling.
Best regards,
IsmaelHi Ismael,
Thanks for your help. I need that button to upload the file once selected. It should just show up once the file is selected. Your code makes it just disappear not allowing to go any further. The author told me he’s not going to customise the plugin for me so I have to find a way to make it work with enfold or I will have to try a different theme.
Many thanks
DavidHey!
.wcuf_upload_multiple_files_button, .wcuf_upload_field_button { display: inline !important; }try that code, let us know if that works out for you, please
Cheers!
Basilissorry to bother you but I need this to work properly asap or I will have to ask for a refund and buy another theme
Hi!
I just tried the file uploading and after my file got upload, the buttons got dissapeared.
http://awesomescreenshot.com/0bf5sc1pb5Best regards,
BasilisHi Basilis,
Thanks for your reply. The upload button should not be there on first instance when you open the product page. Only the select file button should be there. The upload button should show up only after you selected the file. It works justvlike this if I activate any other theme. The plugin author sugested to remove this rule from the enfold.css file
.wcuf_upload_multiple_files_button, .wcuf_upload_field_button {
display: inline !important;
}
Do u think it will work?
Cheers
DavidHey!
Remove it, there is no problem on that.
But please, also check if that does not solve the issue, then there is something wrong with the pluginRegards,
Basilisnot sure how to locate the file and remove the code.. Could you help?
The plugin works fine if I use other skins so I assume is just the enfold theme that doesn’t interact properly with it. The author said it has been developed according to Woocommerce/wordpress guidelines. Below the credencial to access to the back end.Many thanks
DavidHi!
Please remove this code from the Quick CSS field:
.wcuf_upload_multiple_files_button, .wcuf_upload_field_button { display: inline !important; }It should fix the issue.
Cheers!
IsmaelHi Ismael,
thanks for your reply. It’s probably me not be able to explain myself well, I’ve explained many times before but this is not getting anywhere, sorry I know you’re busy but every reply take 48 hours and I have to get this site working asap. I’ll give this a last chance before asking for a refund to the last license purchased.
This is how the plugin is meant to work.
When you open the product page, only the ‘add files’ button should show. There shouldn’t be any ‘upload button’.
You select your file(s), the file name shows up along with the ‘upload button’Check it with this free theme, then activate enfold again and you will see that both ‘add file’ and ‘upload button’ are showing at the same time.
Many thanks
DavidHey!
Sorry for the delay. Did you try to remove the code from the Quick CSS field? It should set the display property of the upload button to “none” which makes it invisible on page load. After the image selection, the display property will switch to “block” making it visible. The code from the Quick CSS fields breaks the display switch function so you have to remove it.
Regards,
IsmaelHi Ismael,
yes I did, both buttons are still there. I activate ENFOLD again for you to check.
Many thanks
DavidHey!
We added this code in the Quick CSS field:
#top form.cart .button.wcuf_upload_multiple_files_button { display: none; }It’s working now.
Regards,
IsmaelHi Ismael,
many thanks, that seems to have solved the display issue but unfortunately it seems to not work properly (it works fine with Firefox but not with Safari and Chrome) as the uploaded image doesn’t show. There should be a thumb (small preview) of the image with a button to delete it. In order to achieve that, at the moment, you either have to upload a second image or refresh the page manually. Both options won’t work for me.. is there anything you can do to solve this problem? One more small thing will be to have some padding between the ADD and UPLOAD button.
Many thanks again I really appreciate your effort. I’d love to get this site up over the weekend so a quick reply would be much appreciated.
Cheers
DavidHi!
I checked the markup of the plugin after selecting an image but I don’t see any markup for the preview. Example of the selected image markup:
<div class="wcuf_single_file_in_multiple_list"><span class="wcuf_single_file_name_in_multiple_list">Abducted (2).jpg</span><i data-id="1-824" class="wcuf_delete_single_file_in_multiple_list wcuf_delete_file_icon"></i></div>You can see the name of the thumbnail and close button but there’s no thumbnail preview. Please ask the plugin author for additional info.
Cheers!
IsmaelHi Ismael,
first of all I want to thank you, I see you guys work also over the weekend and late at night to help your customers.
I’m not sure is the plug in, I will write to the Author asking him to check the problem.
Check the screenshot attached (would be easier if we could attach an image to these posts) which I took using Firefox. The preview shows correctly, so it must be something in the code.
When I upload an image using Safari or Chrome, the image doesn’t show. It shows instead the add file button again. If you manually refresh the page at this point, it will show the image.Sorry for the trouble, I really appreciate your help. This has been dragging for weeks and I REALLY need to get this job done immediately.
Cheers
DavidHi!
I’m really sorry but we didn’t create the plugin and we are not very familiar with it. Please contact the plugin author for additional help. Or contact codeable: http://kriesi.at/contact/customization
Best regards,
IsmaelHello,
thanks I solved the issue with the plugin author. I have a couple of more display issue that he told me are from the theme. Checking with you if true.
As you can see from the attached link, the disclaimer line get broken somehow.. what should I do to fix it?
Both the description (guideline) and the disclaimer, on mobile or when you shrink the page width to minimum size, get cropped instead then flow on a second line of text.I really appreciate your help
Cheers
DavidThe Plugin author says that the <label class=”wcuf_disclaimer_label”> is wrapped into an which shouldn’t be there.
Also and <div style=”display:none” … > are rendered outside of <label class=”wcuf_disclaimer_label”>..Is it something that the Theme is doing or it may be some other plugins interfering?
Please, I know you guys are busy but I need to solve this issue urgently
Many thanks for you help
DavidThe Plugin author says that the <label class=”wcuf_disclaimer_label”> is wrapped into an which shouldn’t be there.
Also and <div style=”display:none” … > are rendered outside of <label class=”wcuf_disclaimer_label”>..Is it something that the Theme is doing or it may be some other plugins interfering?
Please, I know you guys are busy but I need to solve this issue urgently
Many thanks for you help
David
- The topic ‘WooCommerce Upload Files plugin’ is closed to new replies.