Back to Community
Home / Community / Plugin → Essential addons for elementor

Troubleshooting Common Essential Addons Product Grid Issues

28 threads Sep 16, 2025 Plugin → Essential addons for elementor

Content

If you're using the Essential Addons for Elementor Product Grid widget, you might encounter some common display and functionality problems. This guide covers the most frequent issues reported by users and provides clear solutions to get your product grid working correctly.

Common Product Grid Issues and Their Solutions

1. Layout and Display Problems

Symptoms: Products appearing in a single column instead of multiple columns, overlapping elements, or extremely compact display.

Potential Causes: These issues are often caused by caching problems, plugin conflicts, or theme compatibility issues.

Solutions:

  • Regenerate Assets: Go to WordPress Dashboard → Essential Addons → Tools tab → click "Regenerate Assets" button.
  • Regenerate Elementor Files: Navigate to WordPress Dashboard → Elementor → Tools → Regenerate Files.
  • Clear All Caches: Clear your browser cache and any caching plugin you might be using.
  • Check for Plugin Conflicts: Temporarily deactivate all plugins except Elementor and Essential Addons, then reactivate them one by one to identify conflicts.
  • Theme Compatibility: Test with a default WordPress theme like Twenty Twenty to see if the issue persists.

2. Mobile-Specific Display Issues

Symptoms: Elements that appear correctly on desktop but display incorrectly or not at all on mobile devices.

Solutions:

  • Use custom CSS to target specific mobile elements. For example, to remove a category filter tab on mobile devices:
.eael-product-gallery .eael-cat-tab {
    display: none !important;
}

3. Image Size Problems

Symptoms: Product images not resizing according to widget settings or appearing too small/large.

Solutions:

  • Adjust the column settings in the Product Grid layout options.
  • Use custom CSS to control image size:
.eael-product-grid ul.products li.product img {
    width: 80% !important;
}

.eael-product-grid .woocommerce ul.products li.product a img {
    margin: auto !important;
}

4. Button Alignment and Styling Issues

Symptoms: "Add to Cart" buttons not aligned properly or having inconsistent styling, especially for out-of-stock products.

Solutions:

  • Use custom CSS to ensure consistent button styling:
.eael-product-grid .woocommerce ul.products li.product .button {
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    color: #000000;
    background-color: #ffcc00;
    font-size: 14px;
}

5. Quick View Popup Problems

Symptoms: Popup appears cut off or incorrectly positioned.

Solutions:

  • Use custom CSS to adjust z-index values for proper display:
.sticky-header.sticky-shadow, .sticky-header.is-sticky {
    z-index: 10!important;
}

When to Seek Additional Help

If none of these solutions resolve your issue, consider these additional steps:

  • Check if the problem occurs with the latest versions of WordPress, Elementor, and Essential Addons
  • Test with different browsers to rule out browser-specific issues
  • Look for JavaScript errors in your browser's developer console

Remember that many display issues with the Essential Addons Product Grid can be resolved through the troubleshooting steps outlined above. The widget is regularly updated, so ensuring you have the latest version can also prevent many common problems.

Related Support Threads Support