1. Home
  2. Docs
  3. Easy Digital Downloads
  4. Easy Digital Downloads

Easy Digital Downloads EA Element

Easy Digital Downloads Addon gives powerful and exclusive styling options for your eCommerce store. You can make your store all the more stylish with minimal efforts and simple customization settings. Here in this tutorial, you’re going to learn how to use the Easy Digital Downloads element into Elementor Page Builder. So let’s get straight into it:


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Easy Digital Downloads Element

 

»Content

 

Layout

⇒Columns: Set the number of columns you want on your digital downloads item.

⇒Item Gap: Generate gaps between the items.

⇒Categories Count: Enter the categories count number.

⇒Show Thumbnail: Show/hide the thumbnail image of the items.

⇒Show Excerpt: Show/hide the excerpt from the items.

⇒Show Price: Show/hide the price of the items.

⇒Show Buy Button: Show/hide the buy button on the items.

⇒Show Pagination: Show/hide the pagination on the items.

 

Query

⇒Source: Select the source either from manual selection or by the parent. You can also select show all.

⇒Hide Empty: Show/hide the empty.

⇒Order By: Select the order by either by name, slug, description or count.

⇒Order: Select the order type either ASC or DESC.

 


»Style

 

Item

⇒Background Color: Choose the background color of the items.

⇒Padding: Set the padding value for the top, right, bottom and left around the items for different dimensions. You can link the values together or customize them individually.

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the items for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border.

⇒Border Radius: Set the border-radius around the border of the item for different dimensions.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

⇒Alignment: Set the alignment of the items either left, right or center.

 

 

Image

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the item’s thumbnail image for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border for normal view.

⇒Border Radius: And if you want to control the border-radius manually then use this option. Set the border radius for the top, right, bottom and left around the image for different dimensions.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

 

Description

⇒Title:

→Color: Add a custom color to the title text.

→Hover Color: Add a custom color to the title text on hover.

→Margin: Set the margin value for the top, right, bottom and left around the title for different dimensions. You can link the values together or customize them individually.

→Typography: Set the typography options for the title text.

⇒Excerpt:

→Excerpt Color: Add a custom color to the excerpt text.

→Excerpt Margin: Set the margin value for the top, right, bottom and left around the excerpt text for different dimensions. You can link the values together or customize them individually.

→Excerpt Typography: Set the typography options for the excerpt text.

 

⇒Price:

→Price Color: Add a custom color to the price text.

→Price Margin: Set the margin value for the top, right, bottom and left around the price text for different dimensions. You can link the values together or customize them individually.

→Price Typography: Set the typography options for the price text.

 

Button

⇒Text Color: Add a custom color to the button text for both normal and hover view.

⇒Background Color: Choose the background color for both normal and hover view.

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the button for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border.

⇒Border Radius: Set the border-radius around the button for different dimensions.

⇒Padding: Set the padding value for the top, right, bottom and left around the button for different dimensions. You can link the values together or customize them individually.

⇒Margin: Set the margin value for the top, right, bottom and left around the button for different dimensions. You can link the values together or customize them individually.

⇒Fullwidth Button: Enable/disable the fullwidth button on the items.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

⇒Typography: Set the typography options for the button text.


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of the Easy Digital Downloads Element.


Was this article helpful to you? Yes No

How can we help?