Luca Rossi

Hi @Terpsauce,

We’ve changed the background color of breadcrumb and also added some custom CSS codes.

Could you please check again?

– Other pages: https://tinyurl.com/2canvppy
– Shop page: https://tinyurl.com/2bv3gsdp

Best Regards,
8Theme’s Team

Dear @anli75,

I hope you are doing well.

I am a member of the support team, and I would appreciate it if you could kindly resend the details using the admin account. This will allow me to take a closer look at the issues and assist you more effectively.

Thank you for your cooperation. I look forward to your response.

Best regards,
8Theme Support Team

Hi @Manhal,

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

div.product.instock {
    position: relative;
}
div.product.instock::before {
    content: 'In Stock';
    background-color: rgb(255 0 0 / 50%);
    width: auto;
    border-radius: 4px;
    color: #fff;
    padding: 8px 15px;
    text-align: center;
    position: absolute;
    z-index: 999;
    top: 15px;
    left: 15px;
}

https://tinyurl.com/24lppaqg

Kind regards,
The 8Theme Team

Dear @Kingsley,

We recommend that you disable all third-party plugins that are not included with XStore (https://www.8theme.com/documentation/xstore/plugins/included-plugins/). After doing so, please clear your browser’s cache and check again. It is possible that one of these additional plugins is causing the issue.

If the problem persists, we suggest switching to the Parent theme if you are currently using the Child Theme on your site. After clearing the cache, check again.
Do the same test for the default WooCommerce theme – Storefront. The issue may be due to your custom code in the Child Theme.

Let us know the results.

Best regards,
8Theme’s Team

Dear @abhinav,

We hope you are doing well.

Apologies for the delayed response, as we were away over the weekend.

Could you please confirm if you would like your categories archive to appear as shown in the following screenshot?
(https://www.awesomescreenshot.com/image/53550679?key=5af455b393d0bed6a3cfb835b190e453)

If so, you can create a Products Archive Template using the template builder and then assign this template to your product categories under the Condition settings. You can find more details in our documentation here:
(https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/)

We hope this information is helpful. Please feel free to reach out if you need any further assistance.

Best regards,
8Theme Team

Hi @R.Cristofor,

Done! Can you help me with color corection to appear like your checkout colors? For now its showing white

We guess it could be you’re using the dark mode then the checkout element is always in white colors.

I have activated both multistep and default checkout. I multistep version, but it has issues with the Sameday module for Easybox. Specifically, when selecting Sameday Easybox, the map of available Easybox locations should appear under the name. In the standard checkout version, it does appear, but in the multistep version, it does not. Additionally, I want the order summary to be displayed before payment, followed by the payment section and pay button. These are the only major issues I currently have.

It requires many customization codes to achieve this. For any additional customizations beyond the default functionalities, we kindly invite you to submit a request through our Customization Panel at https://www.8theme.com/account/#etheme_customization_panel. Please note that customization services are subject to additional charges.

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

Best Regards,
8Theme’s Team

Dear @nebcreative,

We hope you are doing well.

It appears that the issue with the disclaimer popup is more complex than we initially anticipated.

To receive further assistance, we recommend reaching out to our development team. You can submit a request through our Customization Panel at [this link](https://www.8theme.com/account/#etheme_customization_panel). Please note that customization services may incur additional charges.

Regarding the single product layout, we suggest switching to the Single Product Builder with Elementor for greater control over the elements and layout of your products. You can find more details in our documentation here: [Single Product Builder with Elementor](https://www.8theme.com/documentation/xstore/xstore-builders/xstore-single-product-builder-with-elementor/).

Should you have any further questions, please feel free to reach out.

Best regards,
8Theme Team

Hi @infomrprod,

We highly encourage you to share your suggestion on our Taskboard at https://www.8theme.com/taskboard/. If your idea garners sufficient support from other customers, our development team will carefully evaluate the possibility of including it in a future update.

For any additional customizations beyond the default functionalities, we kindly invite you to submit a request through our Customization Panel at https://www.8theme.com/account/#etheme_customization_panel. Please note that customization services are subject to additional charges.

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

Best Regards,
8Theme’s Team

Hi @Aya Mohamed,

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

.product-view-mask3 .content-product .footer-product>*:hover, 
.etheme-product-hover-mask3 .footer-inner>*:hover, 
.etheme-product-grid-item .footer-inner .button:hover {
    background-color: #FF8C42 !important;
}

Kind regards,
The 8Theme Team

Dear @Offcomer,

We have updated the CSS Print Method setting to Internal Embedding, and as a result, the empty cart now appears correctly.

https://prnt.sc/5qDkOc2RAWLv

https://prnt.sc/LLsU4LgVAynD

Could you kindly confirm if everything is working fine on your end as well?

Thank you for your time and assistance.

Best regards,
8Theme Team

Hi @R.Cristofor,

Could you please try switching to the default Checkout element from Elementor or Checkout (Multisteps) from XStore?

https://prnt.sc/hhxpzyFOpkms

Let us know how it goes!

Dear @Offcomer,

That file should locate under: /wp-content/themes/xstore-child/functions.php

Best Regards,
8Theme’s Team

Hi @Peter,

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

.brands-list .et-isotope-item .work-item {
    min-height: 215px;
}

Kind regards,
The 8Theme Team

Hi @Aya Mohamed,

Please check our video record: https://www.awesomescreenshot.com/video/37867532?key=479504294147bbaa84d708a73e2a9d70.

Best Regards,
8Theme’s Team

Dear @Offcomer,

We would like to inform you that the issue you encountered appears to be a known bug related to the Elementor Pro/Pro Elements plugin when used with the latest version of WooCommerce:

https://github.com/woocommerce/woocommerce/issues/27130#issuecomment-2659263497

To resolve this, we have applied a temporary fix to your staging site, and everything is now functioning correctly. The implemented solution is as follows:

add_action('wp_footer', 'n2t_wp_footer', 100);
function n2t_wp_footer(){
	?>
<script>
function checkAndRemoveDuplicatedCarts() {
    const woocommerceCartForm = document.querySelectorAll(".woocommerce-cart-form"); // -> check the selector in your site
    const cart_totals = document.querySelectorAll(".cart_totals");// ->check the selector too

    if (woocommerceCartForm.length > 1) {
        for (let index = 1; index < woocommerceCartForm.length; index++) {
            woocommerceCartForm[index].remove();
        }
    }

    if (cart_totals.length > 1) {
        for (let index = 1; index < cart_totals.length; index++) {
            cart_totals[index].remove();   
        }
    }
}

/* UPDATED SECTION */
window.onload = addMutationObserver;
function addMutationObserver() {
  // add a mutationObserver
  //https://developer.mozilla.org/fr/docs/Web/API/MutationObserver
  var targetNodeObserver = document.getElementById("cart"); // use the ID of your cart widget
  var configObsever = { 
    attributes: true,
    characterData: true,
    childList: true,
    subtree: true,
    attributeOldValue: true,
    characterDataOldValue: true 
  };

  // callback function
  var callbackObserver = function (mutationsList) {
    for (var mutation of mutationsList) {
      if (mutation.type == "childList") {
        console.log("node changed.");
      } else if (mutation.type == "attributes") {
        console.log("attibute '" + mutation.attributeName + "'  has changed.");
      }
    }
    checkAndRemoveDuplicatedCarts(); // it launch the function here when there is a change
  };

  // create instance
  var observer = new MutationObserver(callbackObserver);

  // Observe the node
  observer.observe(targetNodeObserver, configObsever);
}
</script>
	<?php
}

To ensure the same fix is applied to your live site, could you please copy this code into the functions.php file of your live environment as well?

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

Best regards,
8Theme Team