Luca Rossi

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

– I asked you if i can apply new update (elementor 3.18.2) without problem, you advice me to do or wait ?
– About the patch, i see it again, ask me to install : in my wordpress >> XSTORE >> Patcher
Very strange to see this, maybe an mistake from elementor ?
>>> You can update the Elementor to the latest version. For the path you just need to apply once then wait for the next update of XStore theme.

– On all website, the logo of twitter (X) was the old one
>> Thank you, it’s work well with other logo i customize and upload on my website.
On sharing part, like single product page, the old logo is still alive.
Which CSS code i should apply ?
>>> Please update the custom CSS to:

.et-follow-buttons a.follow-twitter i,
.et-socials [title="Twitter"] svg,
.et-socials [data-tooltip="Twitter"] svg {
    opacity: 0;
}
.et-follow-buttons a.follow-twitter,
.et-socials [title="Twitter"],
.et-socials [data-tooltip="Twitter"]{
    background: url(https://img.freepik.com/free-vector/twitter-new-2023-x-logo-white-background-vector_1017-45422.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

– For a product write sold out (“rupture de stock”), what is the CSS code to replace this text by an image “sold out” (with same background as actually).
>>> Thank you for CSS Code, it’s work well, but not satisfy by the result.
I prefer to see the main pictures product in black (grey)/white color for product sold out, on all page except single product page. What is the CSS code i should apply ?
>>> Please use this custom CSS code instead:

body:not(.single-product) .product.outofstock .product-image-wrapper img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
body:not(.single-product) p.stock.out-of-stock {
    text-indent: -9999px;
    min-width: 120px;
    background: url(https://soldart.fr/wp-content/uploads/2023/12/logo-SOLDOUT-250.png) no-repeat center center;
    background-size: 100%;
}

– UNSOLVE : On the main products page, actually the product are show 4 per columns, that’s fine.
User can change the view. They are too much choice. I just want to fix the choice by 2 or 6 columns, only visible on computer view like today.
>>> This is required the customization. We can’t provide support here.

– On the main products page, user can change the view to 20, 24, 36 and all.
I use infinite scroll, so it’s not necessary to see this parameter on computer and mobile. How i can delete this without delete all toolbar ?
>>> The CSS code doesn’t work, i try in several part and i don’t understand why it’s not working. It’s an other code i should apply in function.php ?
>>> Please try with this custom CSS:

.woocommerce .products-per-page {
    display: none !important;
}

– UNSOLVE : On the main products page, with infinite scroll, products are charged 8 by 8, loading is little bit long. Some parameters should be change or just need to add plugin cache ?
>>> It depends on the product image’s size. Yes, you can try with the cache plugins.

– UNSOLVE : On the main products page, when a product was sold out, I can’t click on the image to go on the single product page. Which parameter I should change ?
>>> Please add this custom CSS:

body .productCarousel .outofstock .out-of-stock+.product-content-image, body .products-loop .outofstock .out-of-stock+.product-content-image {
    pointer-events: inherit;
}

– UNSOLVE : On the main products page and single product page, brands are write : by alphabetical order separated with comma.
I want to change on each product, individually, the sense (not same rule apply on all product).
For example :
actually it’s “brand A, brand H, Brand Z”
tomorrow it should be : “Brand Z x brand A x brand h”
That’s means, comma are change by “x”
This parameter should be change in CSS or other ?
>>> This is required the customization, we can’t support you on this one.

– on the mobile phone, when you place your finger on a product, you don’t see small presentation (add to cart, whislist, compare, view) like you can see on the products of the home page.
How I can change this parameters ?
>>> Thank’s, i apply, like you can see, but the presentation of the logos are static on mobile and tablet view, that’s means, not hide when you just navigate, like on computer view.
What is the CSS code to change this parameters ?
>>> It’s NOT possible. Because the hover state is different than desktop view.

– 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/

– >>> 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 ?
>>> We’re not sure what you mean? Can you please explain more?

– On the whislist page, how I can center the title (produits, en stock, …) ?
>>> I’m not sure that is center vertically, with square, right ? (so i check and add this css code :
vertical-align: middle
!important;
The CSS code seems to be right ?
>>> Yes, your code is right. They’re vertical align center now: https://prnt.sc/LS2yjuersZOl

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.
>>> Can you please send a screenshot? We’re not clear on this.

– UNSOLVE : On the account page, products suggested was sold out. I want to see only product available. How I can change it ?
– UNSOLVE : The popup page of compare haven’t the button “add to cart” (ajouter au panier) like the poppup of whislist. How I can add it ?
>>> This is required the customization, we can’t support you on this one.

– UNSOLVE : Only on mobile, when I click on the logo of compare (top right of the page), I don’t see small popup open.
How I can change this parameters ?
>>> If you’re currently on the compare page, the popup won’t open.

– UNSOLVE : On mobile, the view is really limited. Is it possible to reduce de size of first fix columns ?
And for other columns, to do the same and prefer increase height with 2 line of texts ?
>>> Please try adding this custom CSS:

@media (max-width: 600px){
    .xstore-compare-items td:first-child {
        max-width: 100px;
        min-width: inherit;
        font-size: 12px;
    }
    .xstore-compare-checkbox label {
        word-break: break-all;
        word-wrap: break-word;
        font-size: 10px;
    }
}

– UNSOLVE : On mobile, there is empty columns, why ?
>>> The empty column is designed for other products will be added to compare.

– UNSOLVE : When I want to add on cart a product from compare, an error message appear and I can’t add them my cart. What is the problem ?
>>> Please double check the stock of your products.

– For all the process : cart to end, on computer view, the logo isn’t in the middle of white page, how I can change it ?
>> Thank’s, it’s seems to be working only on mobile view but not on other view (on other page like « facturation », « expédition »..
There is an other code ?
>>> The logo is in the left column(it’s not span to full-width), so it can’t be center. In this case, please use the header builder for the cart/checkout page: https://prnt.sc/G__EaP7FL6Hf

– UNSOLVE : An error message appear when I edit campaign :
Notice: La fonction WP_Scripts::localize a été appelée de façon incorrecte. Le paramètre $l10n doit être un tableau. Pour transmettre des données arbitraires aux scripts, utilisez plutôt la fonction wp_add_inline_script(). Veuillez lire Débogage dans WordPress (en) pour plus d’informations. (Ce message a été ajouté à la version 5.7.0.) in /home/ »nameofrepertory »/www/wp-includes/functions.php on line 6031
I tried to send some test, it’s doesn’t work and for other, it’s working…
>>> We can’t see this notice anymore.

– UNSOLVE : For French customer I configure an email version in French (with country selected) and for other customer (I select all country), I change in English. I test and it doesn’t work.
Why ?
I will not select 200 country for English version…
>>> We’ve made a test order and the email is in English: https://prnt.sc/xcVELfTjsXVz

– UNSOLVE : How I can add link on my logo, at top of the email (https://mywbesite.fr) for customer ?
>>> Currently, the image element on Email Builder is not support the link for now.

– UNSOLVE : When a order is “waiting payment”, few hours after, it’s automatically cancel.
I don’t want that this option apply automatically but manually.
How I can change this parameters ?
>>> Please navigate to WooCommerce > Settings > Products > Inventory > Hold stock (minutes) > then delete the 60 number: https://prnt.sc/1PlZe2fWPQpQ

Regarding your inquiries, we regret to inform you that some features you are seeking is not available at this time. Should you require additional features or enhancements, we kindly ask that you submit a detailed request to our development team https://www.8theme.com/taskboard/ (and other customers will be able to vote there is particular features should be added to further theme updates).

Thank you for your cooperation!

Best Regards,
The 8Theme Team

Dear @joebuston,

Thank you for reaching out and providing the details of the issue you are experiencing with your website.

We have taken the time to review the information you’ve shared in the private content, including the additional image. It appears that there is a compatibility conflict between the Magni Image Flip for WooCommerce plugin and the XStore theme that is causing the problem you’ve encountered.

To resolve this issue effectively, we recommend that you get in touch with the plugin’s author. They will have the necessary insight and access to provide a fix or update that ensures compatibility with the XStore theme. The plugin author should be able to diagnose the conflict and offer a solution to restore functionality to your website.

Please do not hesitate to contact us if you require further assistance or if you have any additional questions. We are here to help and ensure that your experience with our products is as smooth and efficient as possible.

Best Regards,
8Theme’s Team