The Display Conditions extension allows users to control the visibility of Elementor elements based on various conditions, including user status, product properties, and cart contents. This extension is especially useful for WooCommerce websites, where different content may need to be displayed depending on the products in the cart, user roles, and other criteria.
Activate the extension
This extension is part of the Premium version of the aThemes Addons for Elementor plugin. To activate it, go to your admin area, visit the aThemes Addons dashboard, search for the extension and click on the switch to activate it. It will now be available in your Elementor interface.
Configuration
To configure display conditions:
- Select the Element: Choose the Elementor element you want to apply display conditions to.
- Navigate to Advanced Settings: In the Elementor settings panel, navigate to the Advanced tab.
- Enable Display Conditions: Toggle the Enable Display Conditions option.
- Add Conditions:
- Click on Add Condition to create a new condition.
- Select the condition type from the dropdown (e.g., User Status, Product Price, etc.).
- Configure the relevant parameters based on the selected condition type.
Available conditions
The following conditions are available for use:
User Conditions
- User Status: Determines if the user is logged in or logged out.
- User Role: Checks if the current user has a specific role or roles.
- User Capability: Evaluates whether the current user has certain capabilities.
Product Conditions (WooCommerce)
- Product Price: Compares the product price against a specified value.
- Product Stock: Checks the stock quantity of a product.
- Product Type: Validates the type of product (e.g., simple, variable).
- Products in Cart: Checks if specified products are present in the cart.
- Cart Total: Compares the total amount of the cart against a specified value.
- Cart Subtotal: Compares the subtotal of the cart against a specified value.
Time Conditions
- Day of the Week: Determines if the current day matches a specified day.
- Date Interval: Validates if the current date falls within a specified range.
- Date Before: Checks if the current date is before a specified date.
- Time Interval: Validates if the current time falls within a specified range.
Additional Conditions
- Posts: Checks if the current post is part of a specified list of posts.
- Taxonomies: Validates if the current queried object’s taxonomy matches specified taxonomies.
- Meta Key: Checks post meta values against specified criteria.
- Query String: Validates query string parameters against specified values.
Example usage
Example 1: Show Content for Logged-In Users
To display a specific section only for logged-in users:
- Select the section in Elementor.
- Go to the Advanced tab.
- Enable Display Conditions.
- Add a condition:
- Condition Type: User Status
- Operator: is
- User Status: logged_in
Example 2: Hide Section Based on Cart Total
To hide a section when the cart total is above a certain amount:
- Select the section in Elementor.
- Go to the Advanced tab.
- Enable Display Conditions.
- Add a condition:
- Condition Type: Cart Total
- Operator: greater_than
- Cart Total: 100