WooCommerce Single: Product Images (Pro)

WooCommerce Single: Product Images (Pro)

Set the image or gallery you wish to display for WooCommerce Products in the WooCommerce Single template

Style

Sale Flash: Show or Hide the Sale FlashBorder Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or groovedWidth: Control the thickness of the border around the main imageColor: Choose a color for the borderBorder Radius: Set the border radius to control corner roundnessSpacing: Adjust the amount of space between the main image and thumbnails

Thumbnails

Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or groovedWidth: Control the thickness of the border around the thumbnailsColor: Choose a color for the borderBorder Radius: Set the border radius to control corner roundnessSpacing: Adjust the amount of space between each thumbnail

Note: The style of this widget is often affected by your theme and plugins. If you experience any such issue, try to switch to a basic theme and deactivate related plugins, or adjust the styling within your theme』s settings.

Security FAQ

Security FAQ

Elementor takes its responsibility to create secure plugins seriously. Our developers are highly trained to write safe, secure code, and we monitor for vulnerabilities. However, as with all software, even with the level of expertise and scrutiny that we employ, vulnerabilities can sometimes occur. As such, there are things that every web creator should know and do to keep their websites as secure as possible. 

Q: How does Elementor prevent security issues from happening?

A: We have specialized professionals who continuously monitor for potential issues. In addition, we may be notified by people in our community channels, findings from security software makers, and of course our own testing procedures.

Q: Do security issues happen often? 

A: Fortifying security is a continuous process, not just a single effort. Whenever we identify a threat, we always remain vigilant and release a fix as soon as possible.

When we first discover a security vulnerability, we start by examining it and understanding it from each angle. In order not to jeopardize our users before issuing the fix, we keep the reported issue discrete. Once we issue the fix, we can go on to inform users about the vulnerability and its resolution.

Q: What can I do, in general, on my end to prevent security issues from happening?

A: One of the most important steps you can take is to keep WordPress and your plugins up to date, as this will help ensure that any security patches are applied. Other steps include changing your password from time to time, considering the use of security plugins, and being mindful that you only use plugins and themes from known sources such as the WordPress.org repository and established companies that have a strong history of providing quality products. Avoid installing 「nulled」 plugins and themes as these often contain malicious code, and only keep plugins and themes on your site that you are actively using. 

Q: How do I know if and when the security issue has been contained or fixed?  Where do I go for the latest updates about security issues?

A: Follow our social media channels and especially our communities. It will be mentioned there, in our changelog, and when relevant, in a separate email. Please make sure to create an account to receive important updates like these.

Q: Why doesn』t Elementor send me a message the moment a vulnerability happens?

A: We do not want to alert abusers to a problem which could cause them to take advantage of the issue. We focus our efforts on getting a fix out there as soon as possible. When the issue is contained, we quickly inform our users via several channels, including email.

Q: I have an old version of Elementor Pro which was not renewed. Am I still safe?

A: Always upgrade to the latest version of Elementor. This advice may be applied to nearly all software. New versions contain security updates, bug fixes, and offer new features. If you want to test a new version before updating your live site(s), we recommend creating a staging area.

For information on specific security fixes, see below.

Security vulnerability solved on version 2.9.4

Q: What steps should I immediately take?

A: Update your Elementor Pro version to the latest one, 2.9.4. Also, head over to Settings » General page in your WordPress admin area. Scroll down to the 『Membership』 section and uncheck the box next to the 『Anyone can register』 option unless you activated it intentionally and need it for your website.

The vulnerability allows malicious files to be uploaded to the site via the Icon Sets Zip file uploading system. We want to emphasize that this loophole only affects Elementor Pro sites with a specific WordPress option active, namely the 『Anyone can register』 option. We have already released a new version of Elementor Pro which resolves this vulnerability with two main fixes: 

Only Administrator role users can upload Icon Sets.Only authorized files can be processed via a ZIP file.

Q: Who is exposed to this vulnerability and to which version of Elementor does this apply? 

A: The exploit uses the Custom Icons zip files upload mechanism to inject malicious files. The Custom Icons feature was introduced in Elementor Pro 2.6. Users with this and later versions (except 2.9.4) might be exposed and should take action to ensure their site safety. Users that have their site hosted on a server that restricts .php files execution in uploads folder are unlikely to be exposed to this vulnerability.

Q: How do I know if my site was affected? 

A: Check your WordPress users list to see if any new unknown user has registered, especially if you control who registers to your site. If so, it still doesn』t mean that your site is affected: check your Custom icons folder in uploads directory: /wp-content/uploads/elementor/custom-icons/ and check in the inner Custom Icons folders for any unknown .php files. 「index.php」 is part of the original files. If you find any trace of the mentioned above items, it is likely that your site has been compromised. 

Q: What should I do in case my site was affected? 

A: If you think your site was compromised, delete any unknown users, change passwords to your registered users, and contact your hosting provider to let them know about the issue for further assistance. Restoring from a backup prior to the infected custom icons library creation date might be a viable solution for you.

Lottie Widget (Pro)

Lottie Widget (Pro)

Lottie widgets are small animated elements which are rendered from .json files. Simply upload or reference an external .json file and adjust as desired.

Content

Lottie

Source: Select the source of the Lottie file, either Media File or External URLUpload JSON file: If Media File is chosen as the source, click here to upload the .json file from your computer.External URL: if External URL is chosen as the source, enter the URL hereAlignment: Align the widget to the left, right, or centerCaption: Select the caption to be used, which was assigned to the file in the Media Library, choosing either None, Title, Caption, or Custom. If Custom is selected, you can enter your own caption here.Link: Select Custom URL if you wish to enter a link for the element or select None for no link.

Settings

Trigger: Choose what will trigger the animation to begin, selecting from Viewport, On Click, On Hover, Scroll, or None. Viewport: This option is only available if either Viewport or Scroll is selected as the trigger. Select the position within the viewport at which the element will appear and when it will disappear.Effects Relative To Scroll: This option is only available if Scroll is selected as the trigger. Select whether the scroll position is relative to either Viewport or Entire Page.Loop: Choose No or Yes to continuously loop the animationNumber of Times: This option is only available if Yes is selected for Loop. Enter the number of times you wish to have the animation loop before stopping.Play Speed (x): Increase or decrease the speed at which the animation playsReverse Animation: Select Yes to reverse the animationStart Point: Select at which point the animation will beginEnd Point: Select at which point the animation will endRenderer: Select either SVG or Canvas to render the graphics. Lazy Load: Select Yes to lazy load this element or No to load it immediately

Style

Lottie

Width: Set the width of the elementMax Width: Set the maximum width of the elementOpacity: Set the Opacity for Normal and Hover statesCSS Filters: Set CSS Filters: Blur, Brightness, Contrast and Saturation for Normal and Hover statesTransition Duration: Set the amount of time before hover transition takes effect, in milliseconds

Security Note: Please be careful about uploading Lottie JSON files from an unknown source. JSON files may potentially include malicious content. Elementor does initiate actions to sanitize the files, but there are some risks involved nonetheless. Make sure you only upload trusted files and do not allow the option to upload unfiltered files unless you understand the risks involved.

Is Performance Degraded By Widgets, Fonts, Or Icons When They Aren』t In Use?

Is Performance Degraded By Widgets, Fonts, Or Icons When They Aren』t In Use?

No. Performance is not degraded by widgets that are not in use on a page. 

Elementor does not load widget-specific assets in pages where the widget is not in use, except for a small amount of basic CSS and javascript that should not be fragmented. Likewise, Elementor does not load assets for fonts or icons on pages where they are not in use. Thus, there is no need to disable any native Elementor widgets, fonts or icons as they will only load their assets if they are actually in use on a page. 

Some third-party plugins may allow disabling of their widgets, but that is a different scenario, as they may require actively disabling to prevent them from loading assets even when not in use. Elementor, however, does not have this issue, therefore, no disabling is needed. 

In summary, Elementor eliminates unnecessary asset-loading bloat, allowing your site to load faster, by only loading those assets necessary for the specific page being loaded.

How to Add HTML Tags to My Templates

How to Add HTML Tags to My Templates

HTML Tags are essential for your site』s SEO. Using them correctly will have a positive impact on your website traffic.

Wrap Elementor Theme parts, such as the header, footer, menu, etc. with HTML tags

,

,

Get Started With Elementor

Get Started With Elementor

It is very easy to create a new WordPress + Elementor website or install Elementor on your existing WordPress website. Follow these simple Get Started instructions to begin.

Go to https://elementor.com and click the Get Started button. This will prompt the question, 「Do You Have a WordPress Website?「

If you don』t already have a WordPress website, click the Continue button in the No, I don』t panel. See these instructions now.If you already have a WordPress website, click the Continue button in the Yes, I sure do panel. See these instructions now.

No, I don』t process

Choose a host

If you』ve chosen to continue via the No, I don』t panel, you will be given the opportunity to choose one of our recommended hosting providers. You may click each More info icon to learn a little more about each host or click the Continue button to sign up with one of the hosts.

Sign up for a hosting plan

This will take you to the hosts』 website, where you will sign up for a hosting plan with them. 

Create your first page

Once you complete the hosting signup process, you will be presented with a list of next steps. 

You are now able to login to your new WordPress website, where you will discover that Elementor has already been installed for you. You can start creating your site!

Yes, I sure do process

Check that your site is ready

If you』ve chosen to continue via the Yes, I sure do panel, you will be instructed to enter your full website URL, e.g. https://www.example.com and then click the Check For WordPress button.

Login to your site

Next, click the Click to Install button to log into your site.

Install Elementor

A page with Elementor』s details will appear once you are logged in. Click the Install Now button in the lower right corner.

Activate Elementor

Once installed, just click the Activate Plugin button. 

Design your first page with Elementor

A Welcome to Elementor screen is shown with a getting started video to help you learn how to start using Elementor on your website!

My Dashboard > Profile

My Dashboard > Profile

The Profile dashboard allows you to edit each area of your current profile.

My Info: Edit your personal information that you originally added when you created your profile and add your social media accounts here as well.

About: Add a professional bio that describes you and your experience here. This information will create a new tab on your profile as shown in the image below.

Cover Image: Upload a custom cover image to replace the default cover image or select from one of the other default cover images that are available in the Experts Network library. A custom image that reflects your brand is ideal. Once uploaded, you will be able to crop the image.

Delete Account: Click the Delete My Account button if you wish to delete your entire Experts Account. Note that your Elementor account will not be deleted; only your Experts account will be deleted. And don』t worry, if you click the Delete My Account button by mistake, you will receive a confirmation popup to ensure you really want to delete it. Once you confirm deletion, there is no possibility of recovering the deleted account.

Add A New Project

Keep your profile fresh and updated. Click the Add a project button in the header at any time to add a new project to your profile.

My Dashboard > Services

My Dashboard > Services

The Services dashboard allows you to set a starting price for each service you offer. 

Enter a dollar amount in the field to the right of the service, or use the arrow keys to increase or decrease the amount.

My Dashboard > Portfolio

My Dashboard > Portfolio

The Portfolio dashboard displays thumbnails of each of your projects. 

Click the pencil icon at the bottom right corner of any project to edit the project detailsClick the trash icon to delete the project from your portfolioClick the Add a Project button in the top right corner of the page to add a new project to your portfolioDrag and drop the project thumbnails to reorder the projects as desired.

Tip: Keep your profile fresh and updated. Click the Add a project button in the header at any time to add a new project to your profile.