Yes,
You can try adding this custom CSS code:
.single-product ul.st-swatch-size-large li.type-image {
width: 100px;
height: 100px;
}
Hope it helps!
Yes,
You can try adding this custom CSS code:
.single-product ul.st-swatch-size-large li.type-image {
width: 100px;
height: 100px;
}
Hope it helps!
Hi @molo,
We need to update this setting also: https://prnt.sc/jSc2c7TlpuPr.
Could you please check now?
https://toyah.es/product/toyah-moui-sunset/
Thank you!
Dear @alexjourneyworldwide,
As this is the live site, could you please assist us in copying your current live site to your development site? This will allow us to perform debugging without affecting the live environment.
Thank you for your cooperation.
Best regards,
8Theme Team
Dear @EdmondS,
We apologize for the delayed response.
We have identified that the issue was caused by a conflict between the Pro Elements and WooCommerce plugins. A hotfix has been applied to your website, and the login from the modal should now be functioning correctly.
Could you please verify on your end to confirm that everything is working as expected?
Thank you for your understanding.
Best regards,
The 8Theme Team
Dear @alexjourneyworldwide,
I am another team member, and I would like to clarify your issue.
The GPay/ApplePay button appears to be displaying correctly on both your live and development sites:
– https://prnt.sc/MiFOnOGmzUKV
– https://prnt.sc/3KcuqnfueMD3
Could you please double-check this or provide more details about the issue you are experiencing?
Thank you.
Best regards,
8Theme Team
Hi @Juan Alberto Montoya,
Thank you for your message. Our team is currently preparing the custom code adjustments based on the information provided from the Filter Everything documentation. We will review the necessary hooks and get back to you shortly with the appropriate implementation details.
Best regards,
8Theme’s Team
Hello @Fabiola,
Thank you for your message and for sharing your concerns.
Please note that no WordPress theme available in the marketplace can achieve a 90+ PageSpeed score without the use of a caching or optimization plugin. Our demo website uses the WP Rocket plugin to enhance performance and reach higher PageSpeed results.
While WP Rocket is a paid plugin, you can still improve your website’s speed using free alternatives such as W3 Total Cache or Autoptimize, along with proper image optimization and server configuration. The theme itself is optimized for good performance, but additional optimization tools are always recommended to achieve the best possible results.
Best regards,
8Theme’s Team
Hi @kmc,
Please find the previous CSS code:
@media only screen and (min-width: 600px) and (max-width: 1024px) {
.single-product .thumbnails-list li {
min-height: 250px;
}
.single-product .woocommerce-product-gallery .thumbnails img {
max-height: 250px;
object-fit: cover !important;
}
}
And change to this:
@media only screen and (min-width: 600px) and (max-width: 1024px) {
.single-product .thumbnails-list li {
min-height: 250px;
}
.single-product .woocommerce-product-gallery .thumbnails img {
max-height: 250px !important;
object-fit: cover !important;
}
}
Hope it helps!
Hello @Fabiola,
Please review the screenshots below:
1. Shop Page: https://tinyurl.com/27sg7tgg
2. Cart Page: https://tinyurl.com/2csaaexd
3. Blog Posts on Home Page: https://tinyurl.com/2bcfeka5
Could you please let us know which theme settings you modified to change the colors?
For improving your site speed, we recommend trying the WP Rocket plugin: https://wp-rocket.me
Best regards,
The 8Theme Team
Hi @Peter,
Did you already sort it out?
It looks good on my end: https://prnt.sc/7hmiNaYpGmlu.
Best Regards,
8Theme’s Team
Dear @Fabiola,
We have corrected the shop page sidebar for you.
Kindly clear all caches and check again.
Please note that if you edit your shop page with Elementor, you will not need to edit the sidebar through the Customizer.
Best regards,
8Theme’s Team
Dear @samaatlaswebsite,
Could you kindly disable all cache plugins completely and then check again?
Additionally, please review the following resource to help prevent conflicts between LiteSpeed Cache and WooCommerce plugins:
https://developer.woocommerce.com/docs/best-practices/performance/configuring-caching-plugins/
Best regards,
8Theme Team
Dear @Pchela1,
Did you already resolve the issue?
It appears that the plugin directory was incorrect.
The correct directory should be: pro-elements/pro-elements.php
Best regards,
8Theme Team
Hi @molo,
Please go to XStore > Theme Options > WooCommerce (Shop) > Shop Elements > Variation Swatches > Use images from product variations: https://prnt.sc/k3rcQqQx9rc1.
We hope this is helpful.
Best regards,
8Theme Team
Hi @kmc,
By default, WooCommerce does not display the original price for variable products.
If you would like to extend the code provided above, we recommend seeking assistance from tools such as ChatGPT or Claude.AI.
Please note that custom development falls outside the scope of the standard support services we provide.
Thank you for your understanding.
Best regards,
8Theme’s Team
Hi @molo,
1. You can set the default color when editing the product: https://prnt.sc/GxInyL5GL2db. It is also possible to select it via the URL, for example: https://toyah.es/product/toyah-moui-sunset/?attribute_pa_color=azul&attribute_pa_talla=xl
2. If you would like to remove the “Clear” button, please add the following custom CSS code under XStore > Theme Options > Theme Custom CSS > Global CSS:
a.reset_variations { display: none !important; }
Best regards,
8Theme Team
Dear @Pchela1,
Could you please provide temporary wp-admin and FTP access? We will check what can be done to help you.
To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.
For FTP access, we require the following details: FTP host, FTP username, FTP password, FTP port, and FTP encryption type. If you need assistance in creating these credentials, please reach out to your hosting provider who will guide you through the process.
Best Regards,
8Theme’s Team
If you need anything else, please let us know.
Best Regards,
8Theme Team.
Dear @Creatica,
We regret to inform you that this is not possible at the moment.
The categories widget is designed to display both parent and child categories simultaneously.
Best regards,
8Theme Team
Hi @Juan Alberto Montoya,
Could you please contact the plugin’s author to inquire which hooks they are using to display the H1 and description on WooCommerce archive pages?
This will allow us to add the missing hooks for you through our custom code.
Thank you!
Best regards,
8Theme’s Team
Hi @kmc,
Please try adding this custom code under functions.php file locates in your child theme:
// Display regular price alongside sale price for variable products
add_filter('woocommerce_variable_sale_price_html', 'custom_variable_sale_price_display', 10, 2);
add_filter('woocommerce_variable_price_html', 'custom_variable_sale_price_display', 10, 2);
function custom_variable_sale_price_display($price, $product) {
// Get min and max prices
$min_regular_price = $product->get_variation_regular_price('min', true);
$min_sale_price = $product->get_variation_sale_price('min', true);
$max_regular_price = $product->get_variation_regular_price('max', true);
$max_sale_price = $product->get_variation_sale_price('max', true);
// Check if product has sale price
if ($min_sale_price !== $min_regular_price || $max_sale_price !== $max_regular_price) {
if ($min_sale_price === $max_sale_price && $min_regular_price === $max_regular_price) {
// Single price (all variations have same price)
$price = '<del>' . wc_price($min_regular_price) . '</del> <ins>' . wc_price($min_sale_price) . '</ins>';
} else {
// Price range - show both regular and sale ranges
$price = '<del>' . wc_price($min_regular_price) . ' - ' . wc_price($max_regular_price) . '</del> <ins>' . wc_price($min_sale_price) . ' - ' . wc_price($max_sale_price) . '</ins>';
}
}
return $price;
}
Hope it helps!
Hi @Creatica,
We apologize for the misunderstanding regarding your question.
We have now enabled the following setting: https://prnt.sc/GVn-XhqS_G6V.
Could you kindly check again?
Best regards,
8Theme Team
Dear Susanna,
Kindly check again: https://prnt.sc/mMXWniK6tkAr.
Please do not save the single product builder.
Best regards,
8Theme Team
Dear @diatomee,
Please try adding the following code under functions.php file locates in your child theme:
/**
* Disable quantity input for out of stock variations
*/
function disable_qty_for_out_of_stock_variations() {
// Only load on single product pages
if (!is_product()) {
return;
}
?>
<script type="text/javascript">
jQuery(document).ready(function($) {
// Function to check and disable quantity input
function checkVariationStock() {
var $form = $('form.variations_form');
var $qtyWrapper = $form.find('.quantity');
var $qtyInput = $form.find('input.qty');
var $addToCartButton = $form.find('button.single_add_to_cart_button');
// Get the current variation data
var variation = $form.data('product_variations');
var selectedAttributes = {};
// Get all selected attributes
$form.find('select[name^="attribute_"]').each(function() {
var attrName = $(this).attr('name');
var attrValue = $(this).val();
if (attrValue) {
selectedAttributes[attrName] = attrValue;
}
});
// Find matching variation
var matchedVariation = null;
if (variation) {
for (var i = 0; i < variation.length; i++) {
var match = true;
for (var attr in selectedAttributes) {
if (variation[i].attributes[attr] !== selectedAttributes[attr] &&
variation[i].attributes[attr] !== '') {
match = false;
break;
}
}
if (match) {
matchedVariation = variation[i];
break;
}
}
}
// Check if variation is in stock
if (matchedVariation && !matchedVariation.is_in_stock) {
$qtyInput.prop('disabled', true).css('opacity', '0.5');
$addToCartButton.prop('disabled', true);
$qtyWrapper.hide();
} else if (matchedVariation && matchedVariation.is_in_stock) {
$qtyInput.prop('disabled', false).css('opacity', '1');
$addToCartButton.prop('disabled', false);
$qtyWrapper.show();
}
}
// Listen for variation changes
$('form.variations_form').on('change', 'select[name^="attribute_"]', function() {
checkVariationStock();
});
// Listen for WooCommerce variation events
$('form.variations_form').on('found_variation', function(event, variation) {
var $qtyInput = $(this).find('input.qty');
var $qtyWrapper = $(this).find('.quantity');
if (!variation.is_in_stock) {
$qtyInput.prop('disabled', true).css('opacity', '0.5');
$qtyWrapper.hide();
} else {
$qtyInput.prop('disabled', false).css('opacity', '1');
$qtyWrapper.show();
}
});
// Reset when variation is cleared
$('form.variations_form').on('reset_data', function() {
var $qtyInput = $(this).find('input.qty');
$qtyInput.prop('disabled', false).css('opacity', '1');
});
// Check on page load if variation is already selected
checkVariationStock();
});
</script>
<?php
}
add_action('wp_footer', 'disable_qty_for_out_of_stock_variations');
The code above will disable the quantity if a selected variation is out of stock.
Best Regards,
8Theme’s Team
Dear @kmc,
Could you kindly provide some screenshots? We are still not entirely clear about your requests.
Best regards,
8Theme Team
Hi @Acrdev,
We’ve done that for you: https://prnt.sc/z0JZACpznxzN.
Please check again now.
Best Regards,
8Theme’s Team
Thanks @Susanna,
Please check again now.
Best Regards,
8Theme’s Team
Dear @Chris0483,
We have noticed that you are using a cache plugin.
Could you kindly disable it and monitor the site for a few days to check whether the issue reoccurs?
Best regards,
8Theme Team
Hi @Creatica,
It’s not available in our XStore theme now.
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.
Should you have any further questions or require assistance, please do not hesitate to contact us.
Best Regards,
8Theme’s Team
Hello Susanna,
Your recent changes have overridden our custom CSS codes.
Before we add our custom CSS codes back, could you please exit the Single Product Builder?
Thank you.
Best regards,
8Theme Team