WooCommerce and FontAwesome css bug
This support request was posted in Smart by RonaldMamotok
- RonaldMamotok August 7, 2017 at 10:18 am
Hey Juan,
Found two little bugs and included my temporary solutions:
1. The selection box for variations is loaded on top of the Title in product archive for variable product. I set display to none, I don’t know if your intention was to display this selection box at all in the archive or not.
/* HIDE VARIATIONS FROM ARCHIVE*/ .archive .variations{display:none;}
2. FontAwesome icons are not displayed. I found the icon next to the reset button of product variations on the product page not to display. The same error occurs on NiceThemes.com as well, in the Login and My Account menu.
/* * /smart/includes/plugin-integrations/woocommerce/css/nice-woocommerce.css?ver=4.8.1 * Line 2031 * * Include font-family: FontAwesome */ .woocommerce .summary a.reset_variations:before { content: "\f021"; font-family: FontAwesome; }
I suppose this should be added in all style sheets where FontAwesome is used, or some other way.
Thank you.
RonaldJuanfra Aldasoro August 7, 2017 at 3:32 pmHi Ronald,
I hope you are doing great! Thanks for the head’s up.
I wanted to ask you a couple questions:
1. Are you viewing the archives for a category in particular? How’s your setup on the theme options panel for the archives page? As it comes for default?
2. What browser/Os are you currently using? The icon font for NiceThemes is not FontAwesome but Budicon.
We’ll start taking a look at these issues while we wait for your answers.
Thanks for your time, patience and report 🙂
Have a great day,
JuanRonaldMamotok August 7, 2017 at 7:28 pmHey Juan,
1. It’s the general store page archive view: https://www.mykonosmushrooms.org/shop/
We imported the fashion store demo, and are customizing our way through it. I have not changed the settings in the Theme options for WooCommerce (except for loading 3 product per column as opposed to the 4 of the demo), and I double checked my own style.css in the child theme, nothing there seems to be in the way either.
I’m okay with the css solution to not show the variations box in the archive for now.
2. I use Chrome on Windows 10, and found the same error on Firefox. In the case I described for the reset button for product variations
font-family: FontAwesome
actually did load the reset icon. If you use budicon, maybe for some other reason it’s not loading on my system.
Have a look around if needed, log-in sent through private reply
Thank you,
RonaldJuanfra Aldasoro August 8, 2017 at 7:38 amHi Ronald,
Thanks for the follow-up. That’s great!
1) Ok, would you please send me an export of the products you currently have for your website? I’m not able to reproduce it with the products variations we set up in our development sites. To do that, you will need to go to “Tools > Export” and then select “Products” and “Variations”.
Thanks 🙂
2) We’re currently checking on the setup you mentioned. Thanks for that too.
We’ll come back to you as soon as we can.
Thanks for your patience,
Juan.Juanfra Aldasoro August 8, 2017 at 5:35 pmThanks a lot for the follow-up Ronald!
With regards to the WooCommerce issue, it may be related to one of the extra plugins you use. Have you tried using only the ones we recommend on our “Plugins” page in the admin section? Is there any particular reason you are using those?
(We are still working on the IE issue).
Best,
JuanRonaldMamotok August 11, 2017 at 12:32 pmHey Juan,
Thanks for the reply!
I found the issue to be:
Very sorry I did not deactivate all plugins to check the issue before contacting you. Will not happen again 🙂
I’m contacting YITH to have a look at it. I installed a lot of their plugins, the webshop we’re making is going to be quite complex, built around YITH Multi-Vendor.
Ronald
Juanfra Aldasoro August 11, 2017 at 2:51 pmHi Ronald,
Thanks a lot for the follow-up!
I hope they can help you with that then.
Have a nice day,
Juan.
This topic is marked as resolved
Only the topic author can re-open this thread.