Luca Rossi

Dear Daniel,

We hope this message finds you well.

We would like to inform you that we have disabled all third-party plugins and updated both the XStore theme and the XStore Core Plugin to their latest versions.

As a result, the lightbox feature is now functioning correctly. You can verify this by visiting the following link: [http://testservihogar.webolution.es/producto/cierre-lavadora-balay-bosch-lynx-4ts718-00483087/](http://testservihogar.webolution.es/producto/cierre-lavadora-balay-bosch-lynx-4ts718-00483087/).

Could you kindly review and confirm that everything is working as expected?

Thank you for your attention, and please feel free to reach out if you have any further questions.

Best regards,
The 8Theme Team

Dear @Goostaf,

We hope this message finds you well.

As this is your live website, we kindly advise against making any direct changes. To ensure the safety and stability of your site, we recommend creating a staging version where we can perform necessary tests.

To assist with this, you may use the following plugin to set up a staging environment: [WP Staging Plugin](https://wordpress.org/plugins/wp-staging/).

Thank you for your cooperation. Please let us know if you need any further assistance.

Best regards,
The 8Theme Team

Hi @Fifco2000,

We only saw 2 labels on your products.

You can try with this custom CSS codes intead:

body .etheme-product-grid-item {
    position: relative;
}
body .etheme-product-grid-image {
    position: static;
}
body span.onsale.type-square.left.with-percentage {
    top: 0 !important;
    left: 5px !important;
}

body .sale-wrapper ~ .sale-wrapper .onsale {
    right: 5px !important;
    left: auto !important;
    top: 0 !important;
    transform: none !important;
}

Here is the result:
– Mobile: https://prnt.sc/Kb5BjC_FdwyO
– Desktop: https://prnt.sc/FEEW9sOfM_su

Hope it helps!

Hi @elrincondelanena.moda@gmail.com,

We’ve updated the custom code to this:

add_filter( 'woocommerce_package_rates', 'my_hide_shipping_when_free_is_available', 100 );

add_action( 'after_etheme_product_grid_list_product_element_title', 'dcms_show_out_stock', 10 );
function dcms_show_out_stock() {
	global $product;
	if ( $product->managing_stock() && ! $product->is_in_stock() ){
		echo '<p class="stock out-of-stock">'.__('Out of stock','woocommerce').'</p>';
	}
}

And updated the custom CSS codes to this:

.etheme-product-grid-item {
    position: relative;
}
.etheme-product-grid-content {
    position: static;
}
.etheme-product-grid-content p.stock.out-of-stock {
    position: absolute;
    background:red;
    color:white;
    padding:4px 10px;
    right: 0;
    top:0;
}

The out of stock label is displaying now: https://prnt.sc/v4QZo_9DyYTB.

Can you please check again?

Best regards,
8Theme’s Team

Dear @movileanu,

We hope this message finds you well.

We would like to inform you that we have successfully identified the issue on our end. It appears that a missing JavaScript library was causing the problem. As a temporary solution, we have installed the Elementor plugin, and the gallery is now functioning as expected.

Could you kindly verify if everything is working correctly on your side?

Please note that this issue is expected to be permanently resolved in upcoming updates.

Thank you for your understanding and cooperation.

Best regards,
8Theme Team

Dear @elrincondelanena.moda@gmail.com,

We hope this message finds you well.

In this instance, we kindly recommend reaching out directly to the plugin’s author for further assistance with the issue you are experiencing.

Please note that support for third-party plugins falls outside the scope of the standard support we provide.

Thank you for your understanding.

Best regards,
8Theme Team

Dear @rdg__studio,

We hope this message finds you well.

Could you kindly confirm whether any custom code has been added to your website? We have noticed that the first icon on your site appears to be replaced by the number “50” once the page finishes loading.

We would appreciate your confirmation on this matter.

Thank you for your attention, and we look forward to your response.

Best regards,
The 8Theme Team

Hi @Ombi,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

body.single-product ul.st-swatch-size-large li.type-color {
    width: 100px;
    height: 100px;
}

https://prnt.sc/HJhk2g37YxDU

In the screenshot we sent, we could see that the color variations are already on the left now.

Can you confirm?

Thank you!

Hi @JS,

Could you please check again: https://prnt.sc/7NQxiCujukfY?

We’ve updated the custom CSS codes a bit.

Thank you!

Dear @erleben,

We hope this message finds you well.

We have encountered 500 errors while attempting to enter information on the checkout page, as shown in the following screenshot: [https://prnt.sc/1ebkJDHVlQML](https://prnt.sc/1ebkJDHVlQML).

To assist you in resolving this issue, we kindly request temporary access to your WordPress admin panel and FTP.

**For WP-Admin access**, please create a new user account with administrator privileges via your WordPress Dashboard. Once the account is created, you can securely share the username and password with us through the Private Content section.

**For FTP access**, we will need the following details:
– FTP Host
– FTP Username
– FTP Password
– FTP Port
– FTP Encryption Type

If you are unsure how to generate these credentials, your hosting provider should be able to assist you.

We appreciate your cooperation and look forward to your response.

Best regards,
The 8Theme Team

Dear @elrincondelanena.moda@gmail.com,

We hope this message finds you well.

Upon reviewing the Console Log, we identified a Google Maps error, which you can view here: [Screenshot](https://prnt.sc/Er_P9oHAns-1).

This error indicates that your API Key is not authorized for use on the website https://elrincondelanena.es/.

To resolve this issue, please follow the steps below:

1. Visit the Google API Console: https://console.developers.google.com/apis
2. Create a new project and generate new credentials (API key).
3. Navigate to the “Library” section.
4. Select the desired API and click “Enable.”
5. Go to “Credentials” and select “Edit Key.”
6. Under “Application restrictions,” choose “HTTP referrers (web sites).”
7. In the “Website restrictions” section, click “ADD AN ITEM.”
8. Enter your website address (or “localhost”, “127.0.0.1”, “localhost:port” for local testing) in the text field and press ENTER to add it to the list.

We hope this helps resolve the issue. Should you need further assistance, please don’t hesitate to reach out.

Best regards,
8Theme Team

Hi @Drishti,

Can you please update the previous custom CSS codes to this?

.etheme-product-grid > .etheme-product-grid-item,
.swiper-slide > .etheme-product-grid-item {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.swiper-slide > .etheme-product-grid-item {
    min-height: 640px;   
}

Hope it helps!

Hi @mecenas666,

Upon checking your website, we could see there are some Javascript errors in the Console Log.

Could you please help us to do the following things below for testing conflicts?

– Disable all non-essential third-party plugins that are not included in the XStore theme package. A list of plugins that are part of the XStore package can be found here: [Included Plugins](https://www.8theme.com/documentation/xstore/plugins/included-plugins/). After deactivating the unnecessary plugins, please clear your browser’s cache and verify if the performance issue persists. This is an important step as third-party plugins can often lead to conflicts.

– Temporarily disable all your custom codes in your child theme to make sure this issue is not coming from your custom codes.

Let us know how it goes!

Best Regards,
8Theme’s Team

Dear @elrincondelanena.moda,

We hope this message finds you well.

To make the phone number field optional in your checkout process, please follow these steps:

1. Navigate to **XStore > Theme Options > WooCommerce > Checkout**.
2. Change the phone field setting to “optional.”

For your reference, here is a screenshot to guide you: [Screenshot](https://prnt.sc/yPVXMYPWWYiQ).

Regarding the issue with the broken shipping calculator form, kindly add the following custom CSS code:

body #shipping_method li {
    display: block;
}

You can insert this code by going to **XStore > Theme Options > Theme Custom CSS > Global CSS**.

Lastly, concerning the missing Google Maps API key, please check the SEUR Official plugin for a section where you can input the API key. To generate a Google Maps API key, you can follow the instructions in this article: [Google Maps API Key Guide](https://developers.google.com/maps/documentation/javascript/get-api-key).

Should you need further assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

Dear Awais Bhatti,

We hope this message finds you well.

At the moment, it is not possible to move the shipping fees to the total column when using the Checkout Page (Multistep) element.

However, if you would like to display only the Free Shipping method when the cart qualifies for an amount of 10,000 or more, you can achieve this by adding the following custom code to the functions.php file located in your child theme:

/**
 * Hide shipping rates when free shipping is available.
 * Updated to support WooCommerce 2.6 Shipping Zones.
 *
 * @param array $rates Array of rates found for the package.
 * @return array
 */
function my_hide_shipping_when_free_is_available( $rates ) {
    $free = array();
    foreach ( $rates as $rate_id => $rate ) {
        if ( 'free_shipping' === $rate->method_id ) {
            $free[ $rate_id ] = $rate;
            break;
        }
    }
    return ! empty( $free ) ? $free : $rates;
}
add_filter( 'woocommerce_package_rates', 'my_hide_shipping_when_free_is_available', 100 );

For further details, you may refer to this article: [WooCommerce Free Shipping Customizations](https://developer.woocommerce.com/docs/free-shipping-customizations/#1-code-snippets).

Should you have any questions or need additional assistance, please feel free to reach out.

Best regards,
8Theme Team