Getting Started
Easy Digital Downloads – Specs is free at WordPress. To install it:
- Log in to your WordPress dashboard.
- Go to “Plugins -> Add New”
- Search for “EDD Specs”.
- Click to “Install Now” when you find the plugin.
- Activate the plugin by clicking “Activate”.
- After Activating the Plugin:
When you are adding or editing a Download, you’ll see a box for “Specs.” Enter your specs for the product. Then, you’ll see the specs when you view the download on the front of your site.
Common Tasks
Disable The Specs Table For a Specific Download
Leave the “Date of Last Update” field empty. If that field is blank, no Specs table will show up for that download.
Omit Some of the Default Specs Fields
You can leave a field blank to omit that row from the table. There are 2 exceptions to this.
- The Date of Last Update field, since leaving that field blank will disable the entire table.
- The Version field. You can omit this field to leave it blank, unless you are using the EDD Software Licensing plugin. If you’re using EDD Software Licensing plugin, and you have enabled it for a download, that version will override this version in the Specs table on the downloads page. In that case, even if you leave the Specs version field blank, the Specs table on the site will still show the version from EDD Software Licensing. So, EDD Specs plugin gives priority to the version entered in EDD Software Licensing plugin.
How do add Specs to the sidebar instead of below the content?
Use it as a widget instead. Go to “Appearance –> Widgets” to use the widget.
How To Insert Specs With a Shortcode Instead
Paste this shortcode inside a post or a page where you want the Specs table to appear:
[edd-software-specs download_id="###"]
in which the ### is the post ID of the download item. If you are using EDD’s purchase_link shortcode for a download on a page, take the same id number from that shortcode.
Note: You don’t need to do this on regular downloads pages for your EDD products, since the specs table will be shown there automatically.
Customizing
Change the Look of the Specs Table
You can change the look of the Specs table by adding some CSS to in your WordPress dashboard. (See how to easily add CSS).
Here are some examples of the CSS that you can add to style your Specs table.
- This changes the colors of the table heading. This makes the background of the heading green, and makes the text white. You can replace
#28b463
on line 4 with your desired HTML color code for the background. You can replace#fff
on line 5 with your desired color code for the heading text./* Custom Specs Table Header colors */ #isa-edd-specs caption { background: #28b463; color: #fff; }
- This removes the background color from the table heading, leaving a transparent background.
/* Remove color from Specs Table Header */ #isa-edd-specs caption { background: transparent; }
- The default borders for the Specs table are pale gray. This changes the border color for the Specs table to green.
of the table heading. This makes the background of the heading green, and makes the text white. You can replace
#28b463
on line 5 with your desired HTML color code./* Custom Border Color */ #isa-edd-specs, #isa-edd-specs td { border-color: #28b463; }
- By default, the heading (caption) of the Specs tables does not have a border. You can add the border around the table heading with the following CSS code. This gives a green border. You can replace
#28b463
on line 4 with your desired HTML color code./* Add border also to Specs Table Header */ #isa-edd-specs caption { border: 1px #28b463 solid; border-bottom-width:0; }
- By default, the outer border of the Specs table is sort of thick. This makes the outer border of the Specs table a bit thinner:
/* Make outer border not so thick */ #isa-edd-specs { border-width: 1px; }
- This removes the borders from the Specs altogether:
/* No borders */ #isa-edd-specs, #isa-edd-specs td, #isa-edd-specs tr { border: 0; }
How do I add a custom field to the Specs?
The following example adds 3 custom fields to the Specs. The custom fields will appear in the Specs metabox on the Edit Download page in the back end. If you a enter a value for the field, then it will appear in the Specs on the front end.
Add the code to your functions. For each field below, edit the value for “name”, “id”, and “desc” as needed. The “name” will appear as the field label on both the front and the back end. The “id” must be unique from the other custom fields, and must NOT contain any spaces or dashes, but underscores are okay. The “desc” is the description of the field. The “desc” will only be visible on the “Edit Download” page in the back end.
In this example, the first custom field is named “Resolution.” The second field is named “A Second Custom Field” and the third field is named “A Third Custom Field.”
/** * Add 3 custom fields to the Specs */ add_action( 'init', 'my_set_custom_specs_fields' ); function my_set_custom_specs_fields() { $custom_fields = array(); // add a custom field $custom_fields[] = array( 'name' => 'Resolution', 'id' => 'resolution', 'desc' => 'Enter the resolution of this product.' ); // add a second custom field $custom_fields[] = array( 'name' => 'A Second Custom Field', 'id' => 'second_custom', 'desc' => 'Enter a description for this field, to be seen in the back end.' ); // add a third custom field $custom_fields[] = array( 'name' => 'A Third Custom Field', 'id' => 'third_custom', 'desc' => 'Enter a description for this field, to be seen in the back end.' ); update_option( 'eddss_custom_fields', $custom_fields ); }
Support
To request help or report bugs, please use the official support forum for the plugin at WordPress, or ask a question below.
Fork or contribute on GitHub.
Changelog
See the Changelog at WordPress.
Hai
November 14th, 2019 at 10:03 pm
Thanks for the code
if you installed latest ACF version, the snippet above will do not show the new custom field cause ACF hidden the custom fields of WordPress.
Add the code below to functions.php to display custom fields again
Thanks Isabel