Instructions for editing content on the theme

Hello, @JoHuCa,

Thank you so much for purchasing our theme and contacting our support center.

1) If you wish to add image icons to the menu is similar to the XStore demo, please navigate to Dashboard > Appearance > Menus > new all departments menu > Click on 8Theme custom link option > Menu option > there you may see the option Use img like, Choose/Select as image.

Please refer to the provided images here: https://postimg.cc/v4BdVW9q , https://ibb.co/hc74CXh and https://ibb.co/K038K1f. You are welcome to use any icon image in the image box as per your needs.

Additionally, you can watch a complete video for a better reference here: https://www.youtube.com/watch?v=7QluEYxznKs&list=PLMqMSqDgPNmCCyem_z9l2ZJ1owQUaFCE3&index=11.

2) To convert the English buttons into Vietnamese, we recommend using the Loco Translate plugin. You need to edit the language files of the Xstore theme and core-plugin. For a more detailed guide, please refer to the article provided in the link below:

Article: https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/

We trust that this information will be of assistance to you.

3) Should you desire to modify the image and text in the payment method, kindly proceed to the wp-dashboard. From there, navigate to Appearance, then Widgets, and finally check the Cart area.

After that, Please navigate to Static blocks > All Static block > Here, you can edit the specific block according to your needs and publish it.

For your reference, an image has been provided: https://postimg.cc/PNW7vjpD

We trust this will address your concern.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
Team 8Theme.

Hello, @JoHuCa,

Thank you for your response.

1) In order to address your concern, please copy and paste the following CSS code to Xstore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache.

@media screen and (max-width: 767px) {
.et_element.et_b_header-menu.header-mobile-menu.flex.align-items-center img.attachment-thumb.size-thumb.lazyload.lazyload-lqip.et-lazy-loaded {
    order: 0 !important;
}
}

2.A. We understand that you are experiencing an issue and we are here to assist you. To rectify this problem, please follow the steps below:

1. Navigate to the ‘Edit Page with Elementor’.
2. Proceed to ‘Settings of Element’.
3. Click on ‘Advanced’.
4. Select ‘XStore ajaxify’.
5. Find ‘Lazy loading’ and turn it ‘Off’.
6. Finally, update the settings.

Please refer to the attached image for a visual guide on how to perform these steps. https://imgur.com/Zh7ZmGw

B. We suggest disabling all third-party plugins (including cache plugins) that do not come bundled with XStore (https://www.8theme.com/documentation/xstore/plugins/included-plugins/), clearing the cache of the browser, and then checking again. It is possible that one of the additional plugins is causing the issue.

If the issue still persists, please keep all third-party plugins deactivated on your site and grant permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

Please note that you should take a complete backup of your site before proceeding.

In addition, please provide your site’s WP Admin URL and credentials in the private content area of this topic, so that we can look into it further:

WP Admin URL:
WP Admin Username:
WP Admin Password:

3) If you would like to change the color of the back to top button, please copy and paste the following CSS code to Xstore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache.The result should look like this: https://ibb.co/1XzKXKJ

.back-top {
    color: red !important;
}
.back-top svg path {
    stroke: green !important;
}

Note: you may change the following color CSS code as per your requirement.

We trust this will be of assistance to you.

Best Regards,
8Theme’s Team.

Hello, @JoHuCa,

Thank you for your response.

1) If you wish to display menu images on the same left side across all three devices, kindly remove the last CSS code provided in my previous response.

To proceed, please copy and paste the following CSS code into the designated path: Xstore >> Theme Options >> Theme Custom CSS >> Global CSS. Following this, ensure to clear your browser cache for the changes to take effect.

@media screen and (max-width: 1200px) {
.et_element.et_b_header-menu.header-mobile-menu.flex.align-items-center img.attachment-thumb.size-thumb.lazyload.lazyload-lqip.et-lazy-loaded {
    order: 0 !important;
}
}

We hope this will solve your issue.

2) If you wish to disable the lazy load effect, kindly adhere to the following instructions:

1. Go to ‘Edit Page with Elementor’.
2. Move to each element’s ‘Settings of Element’.
3. Select ‘Advanced’.
4. Choose ‘XStore ajaxify’.
5. Locate ‘Lazy loading’ and switch it to ‘Off’.
6. Lastly, update the settings.

For a visual representation of these steps, please refer to the attached image: https://imgur.com/Zh7ZmGw

Best Regards,
8Theme’s Team.

Hello, @JoHuCa,

Thank you for getting in touch with us.

Private Content

Best Regards,
8Theme’s Team.