There are 4 tabs we can see in the below images. Layout, Settings, and Style tabs are comes from the widgets.
Layout Tab #
Layout: Layout-related settings are comes from the Layouts tabs.


Presentation : Explore Predefined Grid Layouts Here
Query: Tailored Customization from the Query Section.
Ajax Tab Filters: Enable Taxonomy Filter Button form this section.
Settings Tab #
Settings: Settings come from the settings tab

Content Visibility: The Toggle for Showing/Hiding Product Content Originates Here.
Product Images : Firstly, you can choose to display the featured image by toggling the switch. Next, activate the product image gallery slider to showcase multiple images. Additionally, enable the display of gallery images on hover, which reveals the first gallery image when activated.
Customize the image hover animation to add dynamic visual effects. Finally, select the ideal image size to ensure optimal display quality. These settings provide comprehensive control over how your product images are presented to customers.
Action Buttons: The “Action Button Settings” allow you to precisely configure how users interact with your products. You can choose to display an “Add to Cart” button, decide whether to show the associated text, and even customize the text itself. Additionally, you have the option to set a success message for when an item is successfully added to the cart. If you prefer, you can include an icon alongside the button. Similar customization options are available for the “Wishlist” and “Quick View” buttons, including the ability to select icons from a library or upload custom SVGs. This level of control ensures that your customers have a seamless and tailored shopping experience.
Product Title: The “Product Title” section offers essential customization options for how product titles are displayed. You can select the product title tag to ensure optimal SEO performance. Additionally, you have the flexibility to set a character limit for product titles, allowing for concise and visually appealing presentation. These settings empower you to fine-tune the appearance and performance of product titles, ensuring they resonate effectively with your audience.
Short Description: The “Short Description” limit empowers you to control the length of product summaries. By selecting an optimal character limit, you ensure concise and engaging descriptions, aiding customers in making informed decisions.
Badges: Enhance your product visibility with customizable badges. Choose from four unique presets to distinguish sales, promotions, and stock availability. Select badge types and tailor ‘Out of Stock’ text for a seamless shopping experience. These badges serve as visual cues, aiding customers in quick and informed decision-making.
Links: Maximize user interaction by enabling clickable elements. Turn on the option for clickable titles and images. This enhances navigation, allowing users to effortlessly access detailed product information for a more engaging shopping experience.
Style Tab #
Style: Style control comes from The Style tabs.

Color Scheme: Elevate your Elementor widgets’ visual appeal with the “Color Scheme” settings. Define primary, secondary, and pre-loader colors exclusively for these widgets. This tailored approach ensures a cohesive and engaging user experience within Elementor, aligning with your brand’s unique style.
Layout Design: Customize your Elementor widgets’ appearance with precision. Define layout, adjust grid spacing, and set alignments for various devices. Tailor colors, shadows, and borders to match your design vision. With detailed control over padding and border radius, achieve a polished and visually appealing layout. This comprehensive suite of options ensures your widgets look and function seamlessly within Elementor.
Image Styles: Fine-tune your image presentation with the ‘Image Styles’ settings. Set precise dimensions, including width and max-width. Adjust background color, border type, and radius for a customized look. Control margins for desktop, tablet, and mobile views, ensuring seamless integration with your Elementor widgets. These options empower you to create visually stunning and polished designs.
Product Title: Refine your product title’s visual impact with the ‘Product Title’ settings. Customize typography, choosing font styles and sizes. Align titles for optimal display on desktop, tablet, and mobile screens. Adjust colors, background hues, and border styles to complement your brand aesthetic. Fine-tune spacing, ensuring a balanced and appealing presentation. These detailed options empower you to create product titles that captivate and resonate with your audience.
Short Description: Enhance your product’s short description with tailored typography, alignment, colors, and borders. Fine-tune spacing, padding, and margins for a polished presentation that resonates effectively with your audience.
Product Price: Customize your product prices with precision using the ‘Product Price’ settings. Tailor typography, aligning prices for desktop, tablet, and mobile views. Define distinct colors for sale and regular prices. Fine-tune borders, spacing, and padding for a polished appearance. These detailed adjustments ensure your product prices are presented in a way that captivates your audience effectively.
Product Categories: Refine your product categories’ appearance with detailed customization options. Adjust typography, ensuring a consistent and visually appealing display across devices. Align category elements to perfection. Define colors, including hover effects, backgrounds, and borders. Fine-tune spacing, padding, and margins for a polished layout. These settings grant you complete control over the presentation of product categories within your Elementor widgets, ensuring a seamless and visually engaging user experience.
Product Rating: Customize typography and star size for a consistent display on various devices. Align ratings for precise placement. Define colors, including star border color, to match your brand aesthetic. Fine-tune spacing and margins for a polished look. These settings empower you to create product rating displays that captivate and inform your audience effectively within Elementor widgets.
Add to Cart Button: Elevate your ‘Add to Cart’ button with detailed customization options. Tailor typography to match your brand’s style. Adjust icon size, alignment, and spacing for a seamless look. Define precise width and height for optimal visual appeal. These settings offer you complete control over the appearance and functionality of the ‘Add to Cart’ button within Elementor widgets, ensuring a cohesive and engaging user experience.
Wishlist Button , Quick View Button:, Compare Button: Refine user interactions with customizable buttons. Tailor typography, icon size, colors, and dimensions for Wishlist, Quick View, and Compare functionalities. These settings empower you to create seamless interactions within Elementor widgets, enhancing user engagement and functionality.
Flash Sale Countdown: Craft dynamic Flash Sale Countdowns with precision. Customize number and text typography. Define height, width, and gap for optimal layout. Set colors, including background and border. Fine-tune border radius and margin. These settings ensure eye-catching countdowns within Elementor widgets, driving urgency and boosting conversions.
Badges: Customize badges for impactful product highlights. Adjust typography, alignment, and colors. Define position offsets and spacing for precise placement. Fine-tune border radius and padding. These settings enable eye-catching badges within Elementor widgets, enhancing product visibility and user experience.
Not Found Notice: Enhance user experience with customizable ‘Not Found Notices’. Tailor typography, align messages for desktop, tablet, and mobile views. Define colors, including background and border. Fine-tune spacing, padding, and margins for a polished presentation. These settings empower you to create informative and visually appealing notices within Elementor widgets.