Compatibility with the WooCommerce Wallet plugin

Hi,

on my site I need to add a balance and wallet payment plugin. Looking at Dokan compatible plugins, I noticed that there is WooCommerce Wallet, a free plugin with essential features.

I noticed however that the theme does not fully support this plugin (in the account page the icon remains in the side menu (the other items have no icons) and the icon on the bulletin board “my account” among the other icons does not appear).

Could you add support for this plugin please?

Or tell me how can I fix “my account”?

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woocommerce-MyAccount-navigation>ul li.woocommerce-MyAccount-navigation-link--woo-wallet a::before {
display:none;
}
body .woodmart-my-account-links .woo-wallet-link{
display:none;
}

Please provide the page URL with an arrow I will provide the CSS to remove

Best Regards

Hi,

This is the page with the arrow to be removed: https://gyazo.com/ac1adb9fd6758ca58993ad94b16fce01

Then, this string

body .woodmart-my-account-links .woo-wallet-link{
display:none;
}

removes the icon on my account page, while I would like to change the icon to a more appropriate one.
How can I replace it?

Hello,

Please choose the icon from this source and specify, I will provide custom CSS

I see clearly which arrow to remove, please provide the page URL where it is or which steps should I take to see it

Best Regards

Hi,

What source for the icon?

For URL see private content please.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

/*arrow*/
body .dashicons-editor-break:before {
    content: "";
}

Here is the source https://fontawesome.com/v4.7.0/icons/

Enter the chosen icon and take this code http://prntscr.com/mzgwym to insert it instead of code in this CSS:

body .woodmart-my-account-links .woo-wallet-link{
    content: "\f474";
font-family:fontawesome;
}

If you need help, contact with URL of the chosen icon.

Best Regards

Hi,

this was the right css code:

body .woodmart-my-account-links .woo-wallet-link a::before {
    content: "\f0d6";
    font-family:fontawesome;
}

I chose this icon: Money, but the line thickness is greater than the other 5 icons present. How can I make the line thickness the same?
Otherwise, is it possible to use the WooWallet icon?

Hello,

These icons are different in there type and it is not possible to make icon line thinner. The icon would be as it is.

Best Regards

Hi,

is it possible instead to insert the icon in the account dashboard that was hidden with this code in the side menu?

.woocommerce-MyAccount-navigation>ul li.woocommerce-MyAccount-navigation-link--woo-wallet a::before {
display:none;
}

How do I retrieve the code for this icon?

Hello,

You can insert an icon from this source https://fontawesome.com/v4.7.0/icons/

Best Regards

Okey, thank you. You can close this topic.

Hi,

Can I insert a svg image from the gallery as an icon?

I solved it with this code:

body .woodmart-my-account-links .woo-wallet-link a::before {
    content: "\e900";
    font-family:woowallet!important;
}

Thanks for the support.

Ok. If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts