Dear @Hassan,

Thank you for reaching out to us.

We have reviewed your setup and noticed that you have created multiple templates using the “Products Grid” element (as shown here: https://prnt.sc/Az6AgO-WomW7). However, this element is not intended for use on such archive pages. It seems that the documentation, which provides details on the correct usage and configuration of the “Archive Products” page, was not fully referenced. You can find the relevant guide here: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/.

Instead of creating multiple templates, you can use a single template and replace the “Products Grid” with the “Archive Products” widget (https://prnt.sc/IPefe1_oEX6c). This will ensure that products on shop, product category pages, product tag pages, and other archive pages are displayed dynamically based on WooCommerce queries. Additionally, the filters in the sidebar will function correctly, as they will filter products based on the current query. When using the “Products Grid” widget, all products are displayed statically, meaning filters will not work as expected.

Currently, the only difference between your templates is the banner (https://prnt.sc/EiIePP7YlmL-). However, this can also be displayed dynamically by using the “Archive Title” widget (https://prnt.sc/sWtTnG_rwT_j). Similarly, for archive page descriptions, you should use the “Archive Description” widget (https://prnt.sc/q8_9c5rE9JVK), which will dynamically display content without requiring multiple templates.

The settings for any category in the backend (https://prnt.sc/EiPbDgqQFoni) will be reflected on the frontend as shown here: https://prnt.sc/bBQgBWmTSxsF. Your archive editor should be structured as follows: https://prnt.sc/juZIkOCiLbL4. As mentioned earlier, products should be displayed using the “Archive Products” widget (https://prnt.sc/X7ei6XxS0d-0).

Additionally, we noticed that your banner differs based on the product category. This can also be achieved dynamically with the following configuration: https://prnt.sc/XQAtr7KdAVGx. You can also set a fallback image (https://prnt.sc/VF44Qqs_nlos) in case a category does not have an assigned image, which can be configured here: https://prnt.sc/HCKbwSOGCR7z.

Once everything is set up correctly as described above, your filters will function properly as well: https://prnt.sc/5_d7oh8ZA7E4.

Note: the content of title, description may not be just the same as on frontend as it is dynamically so once you set the widgets, you can check the frontend for correct view.

Please feel free to access the site and check the settings accordingly. If you need any further assistance, do not hesitate to reach out.

Best Regards,
Jack Richardson
8Theme Team

Hello @MAHDAR,

Thank you for reaching out to us.

Unfortunately, our theme does not include functionality that allows editing this specific page using the Elementor builder. However, if you are interested in modifying the content of this page, you may refer to the following files:

– et-core-plugin/packages/xstore-wishlist/xstore-wishlist.php
– et-core-plugin/packages/xstore-wishlist/templates/wishlist.php

Please note that these files cannot be copied to your child theme for modifications. Any changes made directly to these files will be lost after updating the plugin. Therefore, if you choose to modify them, you will need to reapply your changes after each update of the XStore Core plugin.

Should you require any further assistance, please feel free to reach out.

Best regards,
Jack Richardson
8Theme Team

Dear @sai wagh,

We hope you are doing well.

We have implemented the following custom CSS to align the section content at the top on mobile devices: https://prnt.sc/z7dNBqBiEqzB.

Regarding the AMP issue, it appears to be caused by the caching system on your website. We can suggest the deactivating the AMP version and continuing with the original version for better performance. However, if you prefer to keep using AMP, you may try disabling the CDN to check if the issue persists.

Unfortunately, AMP code is highly specific, and it may not function correctly with certain caching systems.

Please let us know if you need any further assistance.

Best regards,
Jack Richardson
8Theme Team

Dear @Dr Aqeel,

I hope you are doing well.

Could you kindly conduct a test using any default theme, such as “Hello Elementor” or “Storefront”? Additionally, we would appreciate it if you could provide us with feedback, including screenshots or videos, in case there are no issues when testing with a default theme.

If the issues persist during such testing, we recommend checking the “Elementor support forum” or their “official documentation”, as this would indicate that the issue is not related to our theme. Please note that our support is exclusively provided for projects developed by our team.

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

Best regards,
Jack Richardson
8Theme Team

Dear @feeldesign,

We sincerely apologize for providing you with the incorrect section for this option. Please refer to the following video to locate the correct option: https://gyazo.com/b3e5297192bc3457cb12d0789481e0df.

Kindly note that additional customization falls outside the scope of our basic support services. Therefore, we are unable to provide specific custom solutions.

Thank you for your understanding. Please feel free to reach out if you have any further questions.

Best regards,
Jack Richardson
8Theme Team

Dear @Danny,

We have provided a solution that hides the loader on specific sections while your page is loading. However, if you prefer to keep the loader visible in these sections, you can simply remove the custom CSS we added in the Theme Options.

Additionally, ensuring that your WP Rocket settings are correctly configured will help achieve fast loading and proper rendering of styles. For guidance on configuring WP Rocket, we recommend referring to their official documentation or reaching out to their support team.

We appreciate your understanding and adherence to our support policy, as our assistance is limited to our own projects and does not extend to third-party plugins.

Thank you for your cooperation.

Best regards,
Jack Richardson
8Theme Team

Dear @Ben,

We hope you are doing well.

As you are currently using the Customizer header builder, we would like to suggest enabling the following option to resolve the notices appearing in your console: https://prnt.sc/hxmtNZeyjl_m.

Additionally, since your website utilizes the Elementor plugin, we highly recommend migrating your header builder to the Elementor-based version. This builder offers a more user-friendly and intuitive design, making modifications easier and improving the overall UI/UX experience.

You can find detailed documentation on the Elementor-based header builder here: https://www.8theme.com/documentation/xstore/xstore-builders/new-xstore-header-builder-with-elementor/.

Should you have any questions or require further assistance, please do not hesitate to reach out.

Best regards,
Jack Richardson
8Theme Team

Dear @lare98,

We hope you are doing well.

We have implemented the following custom CSS: https://prnt.sc/65p-9uGPkPnW to ensure that the price is now displayed only on the single product page: https://prnt.sc/JlY95KcbviZq.

Kindly review the changes at your convenience and let us know if you need any further adjustments.

Best regards,
Jack Richardson
8Theme Team

Dear @Jamie Gill,

We hope you are doing well.

After reviewing your case, we believe that the second solution we suggested would be the most suitable option. However, if you prefer to proceed with the first solution, we have disabled the Masonry option for you. This adjustment was necessary as the Masonry option caused conflicts in displaying the correct layout when showing both products and categories simultaneously on the page. Additionally, this change ensures that the filters function correctly.

Please review the update at your convenience: https://gyazo.com/8c1a2f650429536fe700fd28d86735ff.

Should you have any questions or require further assistance, please do not hesitate to reach out.

Best regards,
Jack Richardson
8Theme Team

Dear @VincentC,

I hope you are doing well.

Could you please check the update now? We have made some adjustments to the Theme Options for the Mobile Panel settings, and the “More” toggle item should now be functioning correctly. You can review the changes here: https://gyazo.com/c795bea7e0d63116c11468466c7b1b20.

Before testing, please ensure that you clear your browser and CDN caches.

Should you have any questions or require further assistance, please feel free to reach out.

Best regards,
Jack Richardson
8Theme Team

Dear @Mohammad Sarker,

We have carefully reviewed the possible solutions for the issues you described in this topic. After conducting our tests, we did not encounter similar issues on our testing websites.

Upon further investigation, we noticed that your website has a CDN enabled, which could potentially be causing the login issues with the Google authentication system. To help us identify the root cause, we kindly request that you temporarily disable the CDN feature on your website and then check whether the Google login and payment system function correctly.

This step would be highly beneficial for our developers in determining whether the issue is related to the CDN configuration on your server or if it originates elsewhere. Additionally, we have not received similar reports from other customers regarding Google login and payment issues, which suggests that this may be a localized issue related to specific configurations or the caching system on your server.

We appreciate your cooperation and look forward to your feedback. Please let us know the results of this test at your earliest convenience.

Best regards,
Jack Richardson
8Theme Team

Dear @Danny,

We hope you are doing well.

We implement such loaders for certain widgets to prevent layout issues while their corresponding CSS files are still loading. However, as per your request to remove these loaders, we have applied the following custom CSS:

https://prnt.sc/UL8vXg69vit8

body:not([data-elementor-device-mode]) {  
    --etheme-element-loader-display: none;  
    --etheme-element-loading-opacity: 1;  
    --etheme-element-loading-visibility: visible;  
}

Kindly review the changes and let us know if everything appears as expected.

Best regards,
Jack Richardson
8Theme Team

Dear @Jamie Gill,

Thank you for reaching out to us.

We have noticed that your shop page is currently set to display only categories, as shown in the following screenshot: https://prnt.sc/9TwOs1je02cg. In such cases, the filters are unable to display products because the content is restricted to categories only.

To resolve this issue, we suggest the following solutions:

1. Enable Products and Categories Display: You can adjust your shop page settings to display both products and categories. This will allow the filters to function properly.

2. Create Multiple Layouts: You may consider creating different layouts—one for displaying only product categories on the main store page and another for other pages such as product categories, tags, or taxonomies. For detailed guidance, please refer to our documentation: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/. This setup ensures that the main store page displays only categories, while category pages will include filters and product listings.

Please let us know your thoughts on these solutions. We look forward to your feedback.

Best regards,
Jack Richardson
8Theme Team

Dear @Mauro,

We hope you are doing well.

We have identified that the first sizes data values for certain images are assigned the “auto” value (https://prnt.sc/A8PNVtRy5elm), which is configured by default in WordPress. This behavior is officially documented in their documentation.

Additionally, since multiple customers have reported similar issues regarding incorrect image proportions, WordPress has provided a solution. To address this, we have added the following snippet to the child-theme/functions.php file on your website:

add_filter('wp_img_tag_add_auto_sizes', '__return_false');

For further details, you may refer to the official WordPress documentation: https://make.wordpress.org/core/2024/10/18/auto-sizes-for-lazy-loaded-images-in-wordpress-6-7/

Regarding your inquiry about why this issue does not occur with AJAX-loaded categories, the reason is that WordPress applies this behavior only to images that are initially visible on the page. If a section is loaded via AJAX, these filters are not applied to the images within that section.

Please let us know if you have any further questions.

Best regards,
Jack Richardson
8Theme Team

Dear @Abhinandan,

Thank you for reaching out to us.

Unfortunately, we are unable to provide unique solutions for specific cases such as yours, as this is not a bug or issue within our theme but rather a customization request. We kindly recommend consulting your developers for guidance on importing your Excel products with custom data.

Additionally, you may submit your request here: https://prnt.sc/4p_IEOYwLOwY.

Thank you for respecting our support privacy policy !

Please let us know if you have any other questions.

Best regards,
Jack Richardson
8Theme Team