Shop page product price alignment issue - by Nizar Dobani

Hello @Nizar Dobani,

1. & 2. Could you please provide some screenshots?

3. You are currently using the Multistep Checkout Element, which displays the shipping rates under this step:

https://prnt.sc/CQoyweTskany

If you would like the shipping rates to appear on the right-hand side, please switch to the default checkout element.

Best regards,
8Theme Team

Hello @Nizar Dobani,

1. The ChitChat shipping option is visible on our end: https://prnt.sc/SaDPCOiUrG3-.

2. The shipping fees changed to free shipping when we updated the quantity. Please review the video for reference: https://www.awesomescreenshot.com/video/45869515?key=b5e28590218da89301ded2a3bd6201f3.

3.
– We have disabled the advanced cart/checkout layout. Could you please check the notification issues again?
– Regarding the price alignment, the difference in product title lengths is causing the misalignment. Please add the following custom CSS code under XStore > Theme Options > Custom CSS > Global CSS:

.products-bordered-layout .product-details .product-title {
    min-height: 50px;
}

Then, limit the product titles to two lines only: https://prnt.sc/7my7RpHxN0jK.

We hope this helps.

Best regards,
8Theme Team

Hello @Nizar Dobani,

1. This is not an issue. The animation icons you mentioned are part of the “Ajaxify” features, which are designed to reduce element loading times and improve the overall speed and performance of your website.

If you wish to disable this functionality, please add the following custom code to the functions.php file located in your child theme:

add_filter('etheme_ajaxify_elementor_widget', '__return_false');
add_filter('etheme_ajaxify_lazyload_widget', '__return_false');
add_filter('etheme_ajaxify_script', '__return_false');

2. Please go to the following page and click the **Recount terms** button:
https://mobilexcessories.com/wp-admin/admin.php?page=wc-status&tab=tools

Screenshot: https://prnt.sc/AzqN1XJJnVie

If this does not resolve the issue, we recommend disabling all third-party plugins that are not included with XStore (https://www.8theme.com/documentation/xstore/plugins/included-plugins/). Afterward, please clear your browser cache and check again, as one of these additional plugins may be causing the problem.

Please let us know the results.

Best regards,
The 8Theme Team

Dear @Nizar Dobani,

We have edited your home page using Elementor: https://mobilexcessories.com/wp-admin/post.php?post=18108&action=elementor.

Then removed the top margin of the first section as shown here: https://prnt.sc/5RzUAMPOYatO

Can you please check now?

Best regards,
The 8Theme Team

Hi @Nizar Dobani,

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

.woocommerce-checkout #payment .payment_methods label {
    font-weight: bold;
    font-size: 18px;
}

Kind regards,
The 8Theme Team