EPS-1517: Woo product widget development

[ShubhamGupta05]

Description

Main Purpose: This pull request introduces a new Woo Products widget to the Header Footer Elementor plugin, allowing users to easily display WooCommerce products in a customizable grid layout.

Key Changes:

• Added a new Woo_Products module within the widgets-manager which includes a variety of settings for displaying products, such as layout options, and visibility controls for images, titles, ratings, and prices.
• Implemented the necessary JavaScript in woo-products.js to handle interactive elements, particularly the "Add to Cart" functionality with a loading state.
• Created a comprehensive CSS file woo-products.css for styling the products grid and individual product items, enhancing the visual presentation.
• Integrated backend support in class-header-footer-elementor.php and updated widget management configurations to include the new Woo Products widget.

Additional Notes:

• Ensure that WooCommerce is installed and activated to leverage the functionality of the new widget. If WooCommerce is inactive, an appropriate notice will be displayed.
• The widget allows for manual product selection, as well as automatic display of all products, with customizable queries determining product display depending on user settings.
• Reviewers should test the widget in both the Elementor editor and the frontend, focusing on various configurations to ensure layout consistency and functionality (e.g., responsiveness, visibility toggles, and product querying capabilities).

Screenshots

Types of changes

How has this been tested?

Checklist:

• My code is tested
• My code passes the PHPCS tests
• My code follows accessibility standards
• My code has proper inline documentation
• I've included any necessary tests
• I've included developer documentation
• I've added proper labels to this pull request