Jack Richardson

Hello @Jimmy Yip,

Please open the current page in the backend and set the “Sidebar Position” option to “Without”: https://prnt.sc/efjqP0N1NG1n.
Alternatively, you can disable the sidebar globally for all pages in “Theme Options”: https://prnt.sc/d8DQsg3MGQSz/n

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Cuorenero Caffè,

Following our testing, we have determined that the issue is not related to our theme or the plugins activated on your website. This problem may be caused by Firewall or ModSecurity rules configured on the server. Therefore, we recommend contacting your hosting provider and asking them to temporarily disable ModSecurity and the Firewall to check whether this resolves the issue.

Additionally, the issue might be related to your .htaccess file or file permissions. As mentioned above, please contact your hosting provider and request that they review these settings for you.

Please let us know the outcome once you have checked with them.

We look forward to hearing from you soon.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Pites,

Unfortunately, this widget is displayed within an iframe, so the default styles are not applied to its content, which is centered by default.

You may try using the following custom CSS to make the block shown as inline content:

.single-product-builder .trustpilot-widget:has(>iframe) {  
    display: inline-block;  
}

Frontend result: https://prnt.sc/0cFS0Sld3Pyb

If you still need to make further modifications, we recommend contacting the plugin developers directly, as they are more specialized in their product. Additionally, we found the following article that may be helpful: https://pietromingotti.com/how-to-style-trustpilot-widgets/#why-does-the-trustpilot-widget-stay-centered

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Andrei Andrei,

1) The current AJAX search does not support modification into a popup search on mobile devices. Therefore, you can hide the existing Header AJAX search widget on responsive devices (tablet or mobile) and display the popup search that you have added to your header content for those devices, while keeping it hidden on desktop. To set responsive visibility for the widget, open your widget, go to the “Advanced” tab, and then select the “Responsive” section.

2) The widget does not display content dynamically based on your query. You can only add static content using the “Additional Content” option in the Popup Search widget. Please refer to the following link for guidance: https://prnt.sc/G2GOjQBb2Sjc.

3) You can use the “Trending Searches” feature to display popular search terms: https://prnt.sc/Sg1yw0I-8BAp. To make these terms dynamic, you will need to use a plugin or apply additional customizations.

4) If you have coding experience, you can create your own Elementor widget based on our existing one and extend its options by loading additional scripts or styles to meet your specific requirements. Please note that we do not provide such customizations through our support forum. This can be achieved by requesting additional customization services or installing plugins that offer the functionality you need.

We have also provided details about using the popup search in your header in our next reply: https://www.8theme.com/topic/ajax-search-mobile-fullscreen-popup-not-working-on-mobile-devices/#post-467598.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @chutipao,

Please check the following screenshot: https://prnt.sc/DBwN_pPwWUGF.
We have added the Product Stock widget to your Single Product content: https://prnt.sc/EkZHJz0NF02H.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Denise,

Please open “XStore Builders → Header Builder → Edit with Elementor”. Locate the mobile menu widget and remove the following element: https://prnt.sc/rBmn4-uMBV9z

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Pites,

Yes, we have added the following custom CSS:
.swiper-control-top:not(.zoom-on) img.zoomImg {display: none !important;}

If your main request has been resolved, please mark this topic as closed. For any further questions, please create separate topics.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello

Please, check now.
Desktop: https://prnt.sc/mJi-E7pBJz1E
Mobile: https://prnt.sc/3bIn7_2BIDuk

Kind regards, Jack Richardson
The 8theme’s team

Hello @benedictusdito,

We have reviewed your website as a customer, since you have not yet provided us with temporary wp-admin access. We found that the issue may be caused by an incorrect CDN configuration. We kindly suggest temporarily disabling the CDN on your website, as all your images are currently being loaded from it and may be affected by improper caching. This will allow you to check how the images load directly from the original source on your website.

Additionally, please review the product image settings by following these steps:

1. Go to “Appearance → Customize → WooCommerce → Product Images” (depending on your theme).
2. Set appropriate image dimensions:
– Main Image Width: typically 600–800px
– Thumbnail Width: approximately 300–400px
3. After making these changes, run the “Regenerate Thumbnails” tool to resize all existing product images. You can use the “Regenerate Thumbnails” plugin for this purpose.
4. Ensure that your original uploaded images are of good quality but not oversized. For example, 1080×1080px or 1200×1200px works well for shirts. If the source images are too large or have an incorrect aspect ratio, WooCommerce may stretch them.
5. Finally, clear both your site cache, CDNs and browser cache to confirm that the updated image sizes display correctly.

For more details, please refer to the official WooCommerce support page:
https://wordpress.org/support/topic/product-page-image-size-3/

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Pites,

Please check now. We have added the following custom CSS in your Theme Options:
.single-product-builder form.cart {max-width: 100%;}

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Andrei Andrei,

Please try adding the following custom CSS to your Spotlight Categories widget under “Advanced → Custom CSS”:

@media only screen and (max-width: 768px) {
    selector .etheme-dynamic-categories-wrapper .swiper, .etheme-dynamic-categories-wrapper .swiper-wrapper {
        cursor: default !important;
        overflow: visible !important;
        pointer-events: none;
    }
    selector .etheme-dynamic-categories-wrapper .swiper-wrapper {
        flex-wrap: wrap;
        transform: none !important;
        width: calc(100% + 10px);
        pointer-events: none;
        margin: 0 -5px;
        overflow: visible !important;
        display: flex;
    }
    
    selector .etheme-dynamic-categories-wrapper .swiper-slide {
        width: calc(100% / var(--cols, 4)) !important;
        pointer-events: none;
        padding: 5px;
        margin: 0 !important;
    }
    selector .etheme-category-grid-image.rounded {
        aspect-ratio: 1/1;
        width: auto;
        height: auto;
    }
    selector .etheme-dynamic-categories-wrapper .etheme-category-grid-image.rounded img, 
    selector .etheme-dynamic-categories-wrapper .etheme-category-grid-image:not(.etheme-category-grid-image-ghost).rounded img {
        object-fit: cover;
        width: auto;
        height: auto;
    }
}
@media only screen and (max-width: 550px) {
    selector .etheme-dynamic-categories-wrapper {
        --cols: 3;
    }
}

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

Please note that there are currently no settings available to create a grid layout on mobile devices, as we have not yet received such requests on our task board. You are welcome to submit this as a feature request (https://www.8theme.com/roadmap/), and we will review its popularity based on customer votes.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Webleadteam,

Since you are using the Single Product Builder based on Elementor, you can add the “Products Meta” widget to your single product templates. We can see that the SKU is currently displayed on your single product pages: https://prnt.sc/PQyBiqRibJr4.

To assign or remove product categories, please open the product in the backend and check or uncheck the relevant category items: https://prnt.sc/pKIJGZ-JHr5v.

You can also manage category assignments as shown in the following example:
https://gyazo.com/6eb67ee56c6b347540221a4fb0535afb

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Visenco,

We have noticed a fatal error on one of your brand archive page: https://prnt.sc/xfK5TJtdNzd2. If you would like our assistance in resolving this issue, please provide us with the correct wp-admin access details via private content.

You can create different header templates in our XStore Builder (Header Builder) and assign custom conditions: https://prnt.sc/vMmcwSLy3VJe. Additionally, you can create separate archive product templates for your brand pages using the same conditional settings.

For more information, please refer to the Elementor documentation: https://developers.elementor.com/docs/theme-conditions/

XStore theme documentation: https://www.8theme.com/documentation/xstore/

Best regards,
Jack Richardson
The 8Theme’s Team

Please, check private content.

Hello @Greg,

If you need to modify the buttons on your account dashboard main page, please copy the file “xstore/woocommerce/myaccount/dashboard.php” to “xstore-child/woocommerce/myaccount/dashboard.php” and make the necessary code modifications (https://prnt.sc/3mmCm08DTUP0).

To edit the left-side area containing the account navigation section, copy the file “xstore/woocommerce/myaccount/navigation.php” to “xstore-child/woocommerce/myaccount/navigation.php”.

If you only wish to edit the menu items in the account navigation menu, please refer to the official WooCommerce documentation: https://woocommerce.com/document/settings-2/ or review customer suggestions here: https://www.reddit.com/r/Wordpress/comments/awr9ip/how_to_add_a_new_menupage_to_woocommerce_my/.

Best regards,
Jack Richardson
The 8Theme’s Team