Return to previous page

Modify customer menu icons on xstore template

This topic has 8 replies, 3 voices, and was last updated 11 months, 2 weeks ago ago by Tony Rodriguez

jimmy-17

Participant

October 28, 2023 at 18:52

How do I change the icons in the customer menu? Thanks

Please, contact administrator
for this information.

#371883 Copied Theme version: 1

7 Answers
Rose Tyler

Support staff

October 29, 2023 at 13:11
Hello,

Thank you for contacting us and for using XStore.

There are no settings for this, but custom CSS code can be used.
Here is an example for these icons – https://xstore.8theme.com/xstore-icons/
```
.woocommerce-MyAccount-navigation-wrapper li[class*=dashboard] a:before {
    content: '\e900';
}
```
where “dashboard” can be changed to “order”, “download”, “address”, “account”, “wishlist”, “compare”, “logout”.
– add the code into Theme Options > Theme custom CSS > Global.

We hope this information is helpful.

Kind Regards,
8theme team
#371930 Copied
jimmy-17

Participant

October 29, 2023 at 14:46

How do I remove these icons because it’s embarrassing? We should add a feature that allows you to change the icons on the customer’s account without manually changing the website code.

#371938 Copied

Rose Tyler

Support staff

October 29, 2023 at 16:14

Hello,

WooCommerce > Settings > Account > XStore “My account” page settings > Navigation icons.

You can send your request to our dev team via the form on this page – https://www.8theme.com/taskboard/ If it receives enough votes from other customers, our development team will consider adding it in one of the upcoming updates.

Kind Regards,
8theme team

#371952 Copied

jimmy-17

Participant

October 31, 2023 at 06:11

Hello

Please contact administrator
for this information.

#372065 Copied
Tony Rodriguez

Support staff

October 31, 2023 at 07:52
Hello, @jimmy-17,

Thank you for your response.

If you are interested in removing the wishlist icon on the mobile version of the menu, kindly follow these instructions. Please copy and paste the provided CSS code into the following location: XStore > Theme Options > Theme Custom CSS > Global CSS. Once you have done this, please ensure you publish it.
```
@media screen and (max-width: 767px) {
.et_element.et_b_header-wishlist.flex.align-items-center.justify-content-inherit.wishlist-type1.et-content-dropdown.et-content-toTop span.et_b-icon {
    display: none !important;
}
```
We trust this will resolve your issue.

Best Regards,
8Theme’s Team.
#372073 Copied
jimmy-17

Participant

December 6, 2023 at 06:08

hi

Please contact administrator
for this information.

#375836 Copied

Tony Rodriguez

Support staff

December 6, 2023 at 09:02

Hello, @jimmy-17,

I hope this message finds you well.

We would like to bring to your attention several critical enhancements that are required to improve the loading speed of your website. These optimizations include adjustments to CSS, serving static assets, and eliminating render-blocking resources.

To further enhance your site’s performance, we recommend the following actions:

1. Enable mobile caching to expedite page loading times on mobile devices.
2. Optimize images for mobile to ensure they are not unnecessarily large and slow to load.
3. Implement lazy loading for images and videos, which will load these elements only as they are needed.
4. Utilize a Content Delivery Network (CDN) to optimize image delivery, reducing latency and speeding up content distribution.
5. Improve the Time To First Byte (TTFB), which is the initial time taken for the server to respond to a user’s request.
6. Eliminate render-blocking resources, such as JavaScript and CSS, that can delay page rendering.
7. Reduce the overall page weight to minimize load times and enhance user experience.

For detailed instructions on how to implement these improvements, please refer to the following articles:

– Main Theme Options: https://www.8theme.com/documentation/xstore/theme-installation/main-theme-options/
– How to Improve WP Rocket Settings with XStore: https://www.8theme.com/documentation/xstore/troubleshooting/how-to-improve-wp-rocket-settings-with-xstore/
– How to Speed Up My Website: https://www.8theme.com/documentation/xstore/troubleshooting/how-to-speed-up-my-website/

These resources will guide you through the process of optimizing your site’s speed effectively.

Should you require any further assistance, please do not hesitate to reach out to us.

Best Regards,
The 8Themes Team

#375848 Copied
Tagged: customize woocommerce icons, modify xstore template, woocommerce template modification, wordpress menu icons, wordpress xstore customization, xstore customer menu
Viewing 8 results - 1 through 8 (of 8 total)