Banner Image Getting Broken in banner of electronic mega market theme

Hello,

It appears that the banner image may not display correctly when importing the sample data.

Could you please provide temporary WP-Admin access so that we can review your settings?

To grant WP-Admin access, please create a new user account with the Administrator role through your WordPress Dashboard. Once the account has been created, kindly share the username and password with us securely via the Private Content section designated for this purpose.

Best regards,
8Theme Team

Hello @hamza,

As you rename your categories, the sorting in the mentioned Product Categories widget continues to display by Title (https://prnt.sc/SVllvEO-Ii_V). However, in the code, the categories are sorted by slug when you sort by Title (see: https://prnt.sc/49p0wmFoxWc8). More information can be found here: https://developer.wordpress.org/reference/classes/wp_query/#order-orderby-parameters.

Since the “Order by” option in your widget is set to “Title” and limited to seven items, only the first categories sorted alphabetically by their slugs are displayed. In your case, you can either increase the limit (https://prnt.sc/nFAGKKZpcyfF) or rename the slug of your category. Please note that renaming the slug may cause issues for products previously assigned to that category, and you may need to manually reconfigure those products.

At this time, we have increased the limit, and the category you requested is now displayed on your page.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @hamza,

We have tested the sliders on your homepage using a mobile device, and the infinite loop feature is functioning correctly for the mentioned sliders. We have also attached a video demonstrating our test.

If you are still experiencing this issue, could you please clarify the steps required to reproduce it on our side? Additionally, please note that each of our slider-based widgets includes an option to enable or disable the loop feature (see: https://prnt.sc/IKK1leEO6K0O). This setting is currently enabled for the widgets on your homepage.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @hamza,

We have previously verified that this issue does not occur on desktop. Below, we have attached a video demonstrating that the sliders function correctly on desktop.

If you are still experiencing this issue, could you please clarify the steps required to reproduce it on our side?

Also, you can attach the video of the issue from your devices.

Best regards,
Jack Richardson
8Theme Team

Hello @hamza,

We have reviewed the issue shown in your video; however, we were unable to reproduce it on your website and the video of our test was attached above. We kindly suggest checking the issue using a different browser or device. If the problem persists, please open the browser console, capture screenshots of any errors displayed, and attach them below so that we can further investigate the source of the issue.

To open the Developer Tools:
– Chrome: Press Cmd + Option + J (Mac) or Ctrl + Shift + J (Windows, Linux, Chrome OS), or go to “View → Developer → Developer Tools” in the menu.
– Firefox: Press Cmd + Option + K (Mac) or Ctrl + Shift + K (Windows, Linux, Chrome OS), or go to “Web Development → Web Console” in the menu.
– Edge: Follow the same instructions as for Chrome.
– Safari: Go to *Safari → Preferences → Advanced*, then enable “Show Develop Menu in Menu Bar”. After that, open “Develop → Show JavaScript Console”.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @hamza,

Could you please check it now? We have updated the PRO Elements plugin on your website to the latest version. Additionally, if the issue still persists, could you please record a video showing the browser console to display any errors, and after refreshing the page, try navigating using the slider arrows? If possible, please do this in different browsers so that we can determine whether any specific actions are required on our side to reproduce the issue on our test environment.

Best regards,
Jack Richardson
The 8Theme Team

Hello @hamza

Thanks for the feedback. We are waiting for the video of your tests as we previously requested.

Additionally, if the issue still persists, could you please record a video showing the browser console to display any errors, and after refreshing the page, try navigating using the slider arrows? If possible, please do this in different browsers so that we can determine whether any specific actions are required on our side to reproduce the issue on our test environment.

You can use services for upload your videos such as: https://fex.net/.

Kind regards,
Jack Richardson
The 8theme’s team

Hello @hamza,

Based on your video and our analysis, we have identified the possible source of the issue and the reason it appears on your side but cannot be reproduced on ours. If you or your site visitors have enabled the “Disable Animations” or “Reduced Motion” option in the operating system’s accessibility settings, Elementor will not display any animations or transitions.

If you are not seeing the animations, this is the reason. Elementor continues to implement accessibility improvements, including those introduced in this release.

Please note that many other customers have experienced a similar situation. As you can understand, this is not related to a bug in our theme but rather to the configuration of your device or operating system settings. You can find more details in the official Elementor forum: https://github.com/elementor/elementor/issues/33582

We kindly ask you to review the animation and effects settings on your device. Additional information can be found here: https://www.xda-developers.com/heres-how-you-can-disable-animations-on-windows-for-a-speed-boost/

Also, you can ask some of your friends to check the issue from their devices and provide you feedback about their tests

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @hamza,

As indicated in the request we previously attached (https://github.com/elementor/elementor/issues/33582), the update affecting slider animations was introduced in the Elementor plugin version 3.33. This change is not related to the functionality of our theme or any theme-related issue, as the improvement was implemented directly in the Elementor plugin code.

Regarding your observation that this issue does not appear on our demos, please note that we do not update plugins on our demo sites regularly. Our demos are configured with caching and CDN settings to maintain static content for a certain period, ensuring proper caching and faster loading times.

If you would like to restore the previous animation behavior, you may either manually downgrade Elementor (https://wordpress.org/plugins/elementor/advanced/ -> https://prnt.sc/qLh9EfcSnZQh) on your website to a version earlier than 3.33 or keep the “Show animation” setting enabled in your system. Additionally, you may submit your request on the Elementor support forum at https://wordpress.org/support/plugin/elementor/, as the issue is related to their plugin update rather than our theme.

Thank you for your understanding and for respecting our support policy.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @hamza,

Please check it now. We have added the following custom CSS for you (https://prnt.sc/Fl-4U0hgE7ll):

body {
  --et_on-sale-radius: 4px;
}
.etheme-product-grid-item {
    position: relative;
}
.etheme-product-grid-content {
    position: static;
}
.etheme-product-grid-item .stock.out-of-stock {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 3;
    padding: 3px 8px;
    background: var(--et_red-color);
    font-size: .85rem;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    border-radius: var(--et_on-sale-radius, 0);
}

You can see the result on the frontend here: https://prnt.sc/oXUcos1HjlP7

Don’t forget to clear your cache in cache plugin and your browser before checking.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @hamza,

Please check it now. We have added the following custom CSS in “Theme Options → Theme Custom CSS → Global CSS” (https://prnt.sc/K0yAi4CIy1hb):

.elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu.vertical > li:nth-child(1) .nav-sublist-dropdown,  
.elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu.vertical > li:nth-child(2) .nav-sublist-dropdown,  
.elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu.vertical > li:nth-child(3) .nav-sublist-dropdown {  
    top: 0;  
    transform: none;  
}

You can see the frontend result here: https://prnt.sc/Wpj_bGKopK3x

Best regards,
Jack Richardson
The 8Theme’s Team