Jack Richardson

Hello @peterk,

We kindly ask you to contact your hosting provider and request that they resolve the issue on your server, as it appears to be related to the server configuration (https://prnt.sc/BFribhurABgS).

Additionally, once the error has been fixed, please provide temporary FTP access in the private content section. It seems that the demo content import may not have been installed correctly due to a modification in the wp-config file, similar to the issue experienced by another customer in this topic: https://www.8theme.com/topic/page-content-not-showing-after-importing-demo-content-and-editing-one-product/#post-463448

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @peterk,

Could you please check whether your server response is displayed correctly, as we are expecting a server error on your website (please review the private content)? Also, ensure that your server meets the requirements specified for our theme: https://prnt.sc/TjN8sp9knHKC.

Additionally, it is recommended to import the demo content on a clean website. However, if you prefer to keep your existing products and media unchanged, we can proceed accordingly. In that case, we kindly ask you to export your products to a file (https://woocommerce.com/document/import-and-export-of-woocommerce-products/) for later import. This will help us import the content correctly with minimal modifications or questions.

Waiting for your response.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @regencycigaremporium,

1. Upon inspecting the code, we found that WooCommerce sets the input type to “hidden” when the product quantity cannot be changed (i.e., when the minimum and maximum quantities are the same – in your case, quantity value is 1. To implement a solution, you may choose one of the following options:

Option 1: Add the following PHP snippet to your “xstore-child/functions.php” plugin or any plugin that provides functionality for implementation of custom snippets such as “Code Snippets” plugin:

add_filter('woocommerce_quantity_input_type', function ($type) {
       return 'number';
   });

Option 2: Hide the input plus/minus symbols when the input is hidden by adding the following custom CSS:

.product-content form.cart .quantity:has(input[type=hidden]) {
       display: none;
   }

2. Upon reviewing the source of your slider, we noticed that you are using the “Slides” widget provided by the Elementor PRO plugin. For any questions related to their widgets, we recommend contacting the plugin’s support team, as we are responsible only for the features and settings provided by our theme.
As a possible solution, you can change the background image size from “cover” to “contain.” However, for more detailed assistance with Elementor PRO widgets, please reach out to their support.

3. To add custom content to the mini-cart, please add the following PHP snippet to your child-theme/functions.php file:

add_action('woocommerce_widget_shopping_cart_before_buttons', function() {
       echo '<div class="mini-cart-custom-content">Custom content</div>';
   }, 9999);

Then, add the following custom CSS:

.product_list-popup-footer-inner {
       display: flex;
       flex-wrap: wrap;
   }

   .product_list-popup-footer-inner > * {
       flex-basis: 100%;
   }

   .mini-cart-custom-content {
       order: -1;
       margin-bottom: 20px;
   }

For more information about adding custom CSS, please refer to:
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

4. If you would like all product images across the product grid, list, or carousel to appear square (with the same aspect ratio), please use the following custom CSS:

.etheme-product-grid-image img {
       aspect-ratio: 1/1;
       object-fit: contain;
       object-position: center;
   }

Alternatively, you can set a custom image size in the “Archive Products” widget of the XStore Archive Products Builder.

5. Please try using the following custom CSS:

.elementor-widget-theme-etheme_nav_menu .nav-sublist-dropdown {
       max-height: 340px;
       overflow: auto;
   }

Frontend result: https://gyazo.com/aa4bd2e5d0bb764e912cd94e6413b76d

6. The issue is caused by the width value set for one of the widgets (Menu List) in your footer being greater than 100% in Footer Elementor editor -> Menu list -> Advanced -> Layout. Please reset this value or set it to a maximum of 100%.

7. The double scroll issue occurs when both the mini-cart items and the page itself have scroll enabled. You can fix this by disabling page scrolling whenever any off-canvas content widget is open:

.etheme-elementor-off-canvas--shown {
       overflow: hidden;
   }

8. The absence of a close button occurs because you are opening the image URL directly on image click in product gallery. To enable the Lightbox feature, open the Single Product Builder via Elementor (under the XStore Builders page in your dashboard) and activate the “Lightbox” option in the Product Gallery widget.

9. Please try using the following custom CSS:

.etheme-search-input-placeholder {
       max-width: 100%;
       white-space: nowrap;
       width: 100%;
       text-overflow: ellipsis;
   }

   .etheme-search-input-wrapper {
       max-width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;
   }

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @peterk,

Please check again or provide us with the correct credentials, as we currently do not have the necessary permissions for the customer account you attached.

Best regards,
8Theme Team

Hello @MKT,

To modify the background color of the header, please navigate to “Theme Options → WooCommerce → Cart/Checkout Advanced Layout” section (https://gyazo.com/3867bc4cef14bcb5462e11e7500c5906).

To change the text color of the navigation in your header on the Cart and Checkout pages, please use the following custom CSS:

.cart-checkout-nav-simple a {
    color: #fff;
}
.cart-checkout-nav-simple a.active,
.cart-checkout-nav-simple a:hover {
    color: green;
}

For more details, please refer to our documentation:
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

If you would like to hide the SKU for each product in the cart page table, you can do so in the “Cart Page Widget” from Elementor editor of Cart page (https://prnt.sc/DK4GCpBhogBq).

We kindly suggest separating your questions into different topics to help us provide more efficient and accurate support for each request.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Rajesh Ankam,

We have reviewed your request; however, the hover effect you described will not function as intended when a swatch variation is selected. If you change the hover effect to a slider (https://prnt.sc/qKcm5saC-mf8), it will work as shown here: https://gyazo.com/e6519bd605f165b0f36213bb77fa0c8c.

If you would still like to modify the current hover effect, please note that this would require additional customization, which falls outside the scope of our basic support. To ensure the task is completed properly and on time, we recommend submitting it to our trusted partner, WP Kraken.

Regarding your next question, could you please confirm whether it works correctly when the “Primary attribute” option is not selected in your Theme Settings, and that the issue occurs only when a primary attribute value is set?

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @peterk,

To assist you further, please provide us the url of your web-site in private content with the administrator credentials that will allow us to review the dashboard and theme settings. The user account currently provided has limited access, and when attempting to log in, we receive the following message:
“Sajnáljuk, nincs megfelelő jogosultság ehhez az oldalhoz kapcsolódni.”

Additionally, please let us know which demo you would like to install. May we reset the current content and attempt to import the selected demo from scratch to verify that the import process works correctly?

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @esi,

We have provided an answer to your question in the following topic: https://www.8theme.com/topic/product-category-photos-dont-show-when-i-select-a-tag/#post-464171. We kindly ask that you avoid posting duplicate questions in different topics.

Best regards,
Jack Richardson
The 8Theme Team

Hello @Rajesh Ankam,

This is the correct behavior of the hover effect, as we intentionally disable the swap effect when a product variation is selected. This ensures that the customer sees the appropriate image associated with the chosen variation.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @sampanis,

Thanks for using XStore.

Our current quantity discount feature applies only to the quantities available in stock. Therefore, the quantity options are displayed only for products that have sufficient stock. If a product is out of stock, this feature will not appear on the product page. As you mentioned, if the selected quantity exceeds the maximum available stock, it is automatically limited to that maximum value.

Unfortunately, it is not possible to implement the functionality you requested, as we continuously strive to optimize our code. The requested feature would require numerous additional conditions to check actual stock quantities, backorder availability, and other related factors.

If you would like to implement such functionality, keep noted that it requires custom development, which is outside Envato’s support policy. To get it done properly and on time, please submit it to our trusted partner WP Kraken.

You’ll get:

– fast quote & timeline
– turnkey implementation by a vetted team
– warranty on delivered work

We’re confident this will help—hope you can make use of it shortly.

Kind regards,
Jack Richardson
The 8theme’s team

Hello @MKT,

You can try setting the “Sidebar position” to “Without” in the page options in the backend (https://prnt.sc/ZV2tMk8fkYPB) and then check if the issue is resolved. If the problem persists, please provide temporary wp-admin access in the private area so that we can investigate the issue from our side.

Best regards,
Jack Richardson
8Theme Team

Hello @Rajesh Ankam,

Thank you for reaching out to us.

Please go to Theme Options > WooCommerce > Shop Elements > Variation Swatches > set the Color or Size as the primary attribute, then check again.

Warm Regards,
The 8Theme Team

Hello @Simon,

As you can see, the full-width section uses custom CSS that allows it to stretch without the need for additional JavaScript scripts: https://prnt.sc/cPHXvSFHhjOo. We have applied the same custom CSS to the first section, and it is now stretched as well: https://gyazo.com/d6f8016067f4280398f4618a247ed07a.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @anoop,

Could you please configure the following setting: https://prnt.sc/fott8TBhLsJP and then verify if the issue is resolved?

If you require our assistance, please provide temporary wp-admin access in the private content section.

Best regards,
Jack Richardson
The 8Theme’s Team