Home › Forums › WoodMart support forum › Compatibility with the WooCommerce Wallet plugin

Compatibility with the WooCommerce Wallet plugin

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 17, 2019 at 10:33 am #113416

    Meqqui
    Participant

    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.
    March 17, 2019 at 12:41 pm #113442

    Elise Noromit
    Member

    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

    March 18, 2019 at 9:18 am #113537

    Meqqui
    Participant

    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?

    March 18, 2019 at 10:46 am #113548

    Elise Noromit
    Member

    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

    March 18, 2019 at 11:00 am #113549

    Meqqui
    Participant

    Hi,

    What source for the icon?

    For URL see private content please.

    March 18, 2019 at 12:52 pm #113561

    Elise Noromit
    Member

    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

    March 18, 2019 at 3:58 pm #113590

    Meqqui
    Participant

    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?

    March 18, 2019 at 6:08 pm #113623

    Elise Noromit
    Member

    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

    March 19, 2019 at 8:11 am #113722

    Meqqui
    Participant

    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?

    March 19, 2019 at 11:40 am #113754

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    March 19, 2019 at 11:54 am #113756

    Meqqui
    Participant

    Okey, thank you. You can close this topic.

    March 19, 2019 at 1:54 pm #113774

    Meqqui
    Participant

    Hi,

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

    March 19, 2019 at 2:15 pm #113781

    Meqqui
    Participant

    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.

    March 19, 2019 at 3:16 pm #113793

    Elise Noromit
    Member

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

    Best Regards

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Compatibility with the WooCommerce Wallet plugin’ is closed to new replies.