A few bugs/issues on my xstore theme, not sure how to fix.

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

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.

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!

Hello @lee,

Thank you for reaching out and sharing the solution you’ve implemented. I’m glad to hear that you’ve successfully resolved the issue with the account menu items.

Regarding your question about the XStore theme and its product galleries, XStore does indeed use a custom gallery for product pages. However, if you need to use a plugin that requires WooCommerce’s default product gallery, you might need to use custom hooks provided by the theme. Here are the hooks related to the product gallery that you mentioned:

etheme_before_single_product_image
etheme_after_single_product_image

You can use these hooks to customize the product image area, potentially allowing you to integrate the default WooCommerce gallery.

Best Regards,
8Theme’s Team

Hello @lee,

To switch to the default gallery of WooCommerce, you have to disable the Single Product Builder also. To do that, please follow these steps:

1. Navigate to Theme Options > WooCommerce(Shop) > Single Product Builder > switch to OFF: https://prnt.sc/RFpbIDcx38-L
2. Then go to Theme Options > WooCommerce(Shop) > Single Product Page >
Variation Gallery > switch to OFF: https://prnt.sc/vd31SSZIdzVU
3. After that go to Theme Options > WooCommerce(Shop) > Single Product Page > Layout:
– Zoom > switch to OFF
– Gallery Slider > select Disable
– https://prnt.sc/TsX5SurVjYL7

Hope it helps!

Best Regards,
8Theme’s Team

Hi @lee,

Currently, the option you are inquiring about is not available. However, we invite you to submit a request to our team through the following page: https://www.8theme.com/taskboard/ If it receives enough votes from other customers, our development team will consider adding it in one of the upcoming updates.

If you wish a developers team can personally assist you via customization service.
To get started, please follow this link to send your request with requirements – https://prnt.sc/PZkD4AEf27qO https://www.8theme.com/account/#etheme_customization_panel , and a detailed estimate for the customization work will be prepeared. Our goal is to create a design that aligns with your vision and enhances your website’s appearance and functionality.
Customize your website to suit your needs and make it stand out with expert dev team.

Thank you for your cooperation and understanding.

Kind Regards,
8theme team