Hi @Nazir,

We’ve updated the custom CSS codes for you. There was a typo in the codes. The correct codes should be:

.etheme-icon-box-icon svg.e-font-icon-svg {
    width: 30px;
    height: 30px;
}
.etheme-icon-box-icon svg.e-font-icon-svg path {
		fill: #507B00;
}

Result: https://prnt.sc/YvSg4jYljF09

Best regards,
The 8Theme Team

Thanks @austin55.

Let us know if you need anything else.

Best Regards,
8Theme’s Team

Hello @Azza,

Thank you for reaching out to us with your concern regarding the alignment of the menu item icons on your mobile site. We understand that you would like to have the icons on the left side, just as they appear on the desktop version.

To address this issue, please follow the steps below to add custom CSS to your website:

1. Navigate to Theme Options on your WordPress dashboard.
2. Click on Theme Custom CSS.
3. Locate the Global CSS section.
4. Copy and paste the following code snippet into the Global CSS box:

.et-mobile-panel .menu .type-img.position-left-bottom, 
.et-mobile-panel .menu .type-img.position-left-center, 
.et-mobile-panel .menu .type-img.position-left-top, 
.et_b_header-menu.et_element-top-level .menu .type-img.position-left-bottom, 
.et_b_header-menu.et_element-top-level .menu .type-img.position-left-center, 
.et_b_header-menu.et_element-top-level .menu .type-img.position-left-top, 
.header-mobile-menu .menu .type-img.position-left-bottom, 
.header-mobile-menu .menu .type-img.position-left-center, 
.header-mobile-menu .menu .type-img.position-left-top {
    flex-direction: inherit;
    justify-content: flex-start;
}

5. After adding the code, be sure to save your changes.

This custom CSS should align the menu item icons to the left side on the mobile version of your site, matching the desktop layout.

If you encounter any issues or need further assistance, please do not hesitate to contact us. We are here to help ensure your website looks and functions exactly as you desire.

Best Regards,

The 8Theme Team

Dear Nazir,

We are pleased to inform you that we have successfully applied the hotfix to your website. The necessary custom CSS codes have been inserted in the following location of your site’s theme settings: Theme Options > Theme Custom CSS > Global CSS. The specific code added is as follows:

svg.e-font-icon-svg {
    width: 64px;
    height: 64px;
}

Please rest assured that we are diligently investigating the issue you’ve reported. We will provide you with a comprehensive update as soon as our analysis is complete.

Thank you for your patience and understanding.

Best regards,
The 8Theme Team

Dear @MAHDAR,

We regret to inform you that currently, there are no available hooks to conceal variations of products that are out of stock.

However, as an alternative solution, you may apply the following custom CSS code to hide all variations of products that are out of stock. Please navigate to Theme Options > Theme Custom CSS > Global CSS and insert the code provided below:

[data-attribute="pa_groesse"] li.type-label.sten-li-disabled {
    display: none;
}

We trust this will serve as an effective workaround for your requirements.

Best regards,
The 8Theme Team

Hello @bgrsolutions,

Thank you for reaching out to us with your concern. We understand the inconvenience you are experiencing with the Google Ads and Listings plugin on your WooCommerce multisite website.

Based on the error message you’ve provided, it appears there may be an issue with the compatibility of the plugin or a specific function within the plugin that is causing the error. To assist you effectively, we would like to gather some additional information:

1. Could you please confirm the version of the plugin you are using?
2. Are you running the latest version of WordPress and WooCommerce on your multisite setup?
3. Have you recently updated any themes or plugins that could be related to this issue?
4. Is it possible for you to disable other plugins temporarily to see if there is a conflict with another plugin?

In the meantime, we recommend the following steps:

– Ensure that all your themes and plugins are updated to their latest versions.
– If possible, create a staging environment to test the plugin activation without affecting your live site.
– Check the PHP version of your server and ensure it is compatible with the plugin requirements.

Please provide us with the requested information at your earliest convenience. We are committed to resolving this issue for you and will do our best to provide a timely solution.

If the above steps are still NOT working, can you please provide us with your FTP account via Private Content area so we can take a closer look at your custom codes? via the Private Content area.

To create FTP access (FTP host, FTP username, FTP password, FTP port, FTP encryption) , please contact your hosting provider for assistance.

Best Regards,
8Theme’s Team

Dear Austin,

We hope this message finds you well.

Kindly note that the accurate directory path to be used is as follows: \wp-content\themes\xstore-child.

We would appreciate it if you could attempt the process once more utilizing the provided code snippet:

add_action('xstore_amp_after_footer', 'n2t_xstore_amp_after_footer');
function n2t_xstore_amp_after_footer(){
    echo do_shortcode('[your-shortcode]');
}

Should the issue persist after this adjustment, we kindly request that you reissue your administrative credentials to us. It appears that the previously supplied password is no longer valid.

We thank you for your cooperation and look forward to your prompt response.

Best regards,
The 8Theme Team

Hi @lee,

1. By transition I mean when I used to click next on checkout it used to position my screen on the next section, now it no longer does on PC.
>>> This is not a bug, because all the sections are visible on desktop so our DEVs decide to disable the scroll-to scripts. We will improve it in upcoming updates.

1. The “Addresses” changed but still remains on the account page sidebar where the icon is (screenshot added)
>>> Can you please provide us with your FTP account via Private Content area so we can take a closer look at your custom codes? via the Private Content area.

To create FTP access (FTP host, FTP username, FTP password, FTP port, FTP encryption) , please contact your hosting provider for assistance.

2. The staticblock is showing next to it on the left inside of underneath. Also, how do I change the shipping option selected text to white as well as it’s entire border? (screenshot added)
>>> Please add this custom CSS code:

.woocommerce-checkout .etheme-cart-checkout-accordion #shipping_method li {
    flex-flow: column
}

.woocommerce-checkout .etheme-cart-checkout-accordion #shipping_method {
    border-color: #fff;
}

.woocommerce-checkout .sales-booster-estimated-delivery {
    color: #fff;
}

3. Regarding the stars, the issue is only on mobile if you can test for yourself.
>>> Please add this custom CSS:

@media (max-width: 480px){
     .star-rating span:before, .star-rating:before {
          letter-spacing: 4px;
     }
}

Let us know how it goes!

Hi @ProdbyDaan,

This is how it looks on our end: https://prnt.sc/Bv80SB1cK5G5

Can you please provide us your screenshots or video?

Thank you so much!

Best regards,
The 8Theme Team

Hello @DM661,

Thank you for reaching out to us. We understand that you’re looking to display a static block on all product category pages. To achieve this, please insert the following code snippet into the functions.php file located in your child theme:

add_filter('woocommerce_taxonomy_archive_description_raw', 'n2t_woocommerce_taxonomy_archive_description_raw');
function n2t_woocommerce_taxonomy_archive_description_raw($description){
    return $description . '[block id="784"]';
}

Let us know how it goes!

Best Regards,
8Theme’s Team

Hi @lee,

1. By transition I mean when I used to click next on checkout it used to position my screen on the next section, now it no longer does on PC.
>>> We’re looking closer on this issue and get back to you ASAP.

2. Is there a way I can change the “Addresses” text on my account page to a different text?
>>> We guess there is an error with Loco Translate on single and plural texts. To fix it, please add the following code under functions.php file locates in your child theme:

function my_text_strings( $translated_text, $text, $domain ) {
	switch ( $translated_text ) {
		case 'Addresses' :
			$translated_text = 'כתובות';
			break;
	}
	return $translated_text;
}
add_filter( 'gettext', 'my_text_strings', 20, 3 );

3. How can I add a static block shortcode under the shipping option selected at checkout?
>>> Please add this code also:

add_action('woocommerce_after_shipping_rate', 'n2t_woocommerce_after_shipping_rate', 10, 2);
function n2t_woocommerce_after_shipping_rate($method, $index){
    echo do_shortcode('[your-shortcode');
}

4. I also have a problem where the review stars are showing double on the entire website. (screenshot link)
>>> Which browser are you using now? We checked on Firefox, Chrome & Safari the stars are looking good:
– FF: https://prnt.sc/wUpngjP-MQDx
– Chrome: https://prnt.sc/174ktzoXp6Sa
– Safari: https://prnt.sc/Gmyp4QEIyL8E

5. How do I change the green color and the background grey color of that review summary?
>>> Please add the following custom CSS codes:

.single-product .et-product-rating-summary {
    background-color: #f0f0f0;
}
.et-product-rating-summary progress::-webkit-progress-value { 
    background: rgb(206, 95, 150); 
}

Let us know how it goes!

Best regards,
The 8Theme Team.

Dear Lee,

We hope this message finds you well.

Thanks for the help, I’ve included a link for the product categories arrows as well as a screenshot.
>>> Kindly insert the following custom CSS code snippets into your website’s stylesheet:

.swiper-button-prev.swiper-nav.swiper-custom-left.et-swiper-elementor-nav.type-arrow.style-2.swiper-button-prev-swiper-unique-id-2 {
    left: auto !important;
    right: 0 !important;
}

.swiper-button-next.swiper-nav.swiper-custom-right.et-swiper-elementor-nav.type-arrow.style-2.swiper-button-next-swiper-unique-id-2 {
    right: auto !important;
    left: 0 !important;
}

Also a video for the checkout page as requested.
>>> It’s default transition for now. Do you mean all the steps should be the same transition?

Additionally, you inquired about editing the ‘My Account’ page. This page is automatically generated by WooCommerce, and at present, we are unable to directly edit its layout. However, we can apply custom CSS to modify aspects such as color, size, and background.

Should you require any further assistance or have additional questions, please do not hesitate to contact us.

Best regards,
The 8Theme Team

Dear Austin,

We hope this message finds you well.

We have encountered an issue with the loading of the ‘kirki-styles.css’ file on your website. Upon inspection, we have observed a 403 error, which is indicative of a server-related problem. For your convenience, we have provided a screenshot of the error here: https://prnt.sc/e0uH1KjBX_68.

To address this matter efficiently, we kindly request that you reach out to your hosting provider. They are best equipped to investigate and resolve server-side issues that may be causing this error.

We appreciate your prompt attention to this issue. Should you require any further assistance from our end, please do not hesitate to contact us.

Best regards,

The 8Theme Team

Dear Kumaran,

We hope this message finds you well.

We are pleased to inform you that we have successfully applied the necessary hotfix to address the issue you were experiencing. The modification has been made within the functions.php file, specifically at line 7:22, in your child theme.

For your reference, you can view the changes here: [https://prnt.sc/fVKkXMeeJ02T](https://prnt.sc/fVKkXMeeJ02T)

We kindly ask that you review the update at your earliest convenience and confirm its effectiveness. Should you encounter any further difficulties or require additional assistance, please do not hesitate to reach out.

Best Regards,
The 8Theme Team

Hello @denis,

– On safari (version 12), the home page and some element of the same page doesn’t appear correctly, see the screen shot :
https://prnt.sc/jVxDKj6Hqzol
There is a like with update of elementor ?
>>> Version 12 is too old. Please update at least version 17 of Safari.

– UNSOLVE : At the bottom of the single page, there is “suggestion” (related products). When I click to see more (arrow), just one product was show.
Which parameter I should change to see 5 new products (on computer) and 2 new products (on mobile) instead of one by one ?
The same parameters should be apply on cross sale … etc and other part
That’s mean 5 products show, you click on the arrow, 5 new product show. That’s should be “native” form.
>>> It can be done by switching to Single Product Builder with Elementor plugin. The Related Products Element will have more options. For more information, please take a look at this: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-single-product-builder-with-elementor/

YES, i look…my single product page what build via elementor.
I dont see the parameters to change. You advice me to contact elementor support ?
>>> Please take a look at the Single Product Template I shared in private content: https://prnt.sc/do_utGCTbQ76

– On the whislist and compare page, the breadcrumbs is very big and on computer view (smallest than 16px), how I can change ?
It’s fine if the breacrumbs are in the align center for both of this pages, but it’s seems the changements (size of police too) doesn’t apply by changing with following your process
what are the CSS code ?
>>> So please add this custom CSS code:

/* desktop */
body.woocommerce-wishlist .page-heading .title,
body.woocommerce-compare .page-heading .title{
    font-size: 2.5em;
}
/* mobile */
@media (max-width: 480px){
    body.woocommerce-wishlist .page-heading .title,
    body.woocommerce-compare .page-heading .title{
        font-size: 1.5em;
    }
}

– The line under (products informations) with all the squares, aren’t in the center horizontally and vertically . It’s not necessary to center the image, i think.
What is the CSS code, i tried several thing but i doesn’t work.
>>> So please update the previous CSS code we sent you to:

body:not(.single-product):not(.woocommerce-wishlist):not(.woocommerce-compare) p.stock.out-of-stock {
    text-indent: -9999px;
    min-width: 240px;
    background: url(https://soldart.fr/wp-content/uploads/2023/12/vendu-bn-200.png) no-repeat center center;
    background-size: 60%;
}

I test, but it’s break all presentation on computer view…
If i understand well, the solution is to just have one column, for all process and all kind of view, right ?
What is the CSS code, please ?
>>> There is no custom CSS codes for this. You have to edit the template of cart page: https://www.8theme.com/documentation/documentation/xstore-builders/xstore-cart-page-builder-with-elementor/

I invite you to made a test and select for delivery and shipping : France
You will see that email is in english.
I made a test few hours ago.. How to solve that ?
>>> We will take a closer look on this issue.

– I don’t see the country informations in all emails for billing address and shipping address. What is the problem ?
On your test this morning, it’s appear, but on mine, not… and not in email of administrator part (“you receive a new order…”).

– I don’t see on all emails for shipping informations : phone and email
It’s very important if billing and shipping address are different
>>> Can you please send us a screenshot of your test emails?

– Where i can change the old logo of twitter at the bottom of each email ?

– On mobile phone, the problem is the same, text, image, buttons … all should be configure. How i can change them ?
>>> They’re not possible right now. Please add a feature request/improvement: https://www.8theme.com/taskboard/. Our development team will consider and release in upcoming updates.

Thank you for understading!

Best regards,
The 8Theme Team