Part 1: What you’ll need
- A Member Directory created inside your AccessAlly site – Tutorial
- [GUIDE] Using AccessAlly Shortcodes
Inside this article, we’ll cover the basics of adding course icons to your Member Directory. The guide linked above will give you more in-depth information on how AccessAlly shortcodes work if you’d like to do something more robust after learning the basics in this article.
Part 2: Check your directory settings
Your directory needs to be set up using the Customize user profile using templates inside the User Profile Display template section under AccessAlly > User Directory > Directories > open your directory > Profile display as shown in the screenshot below.
Part 3: Add a Custom Code (Developer Only) Block
Next, scroll to the Profile Description section and add a Custom Code (Developer Only) block to your Directory.
Now it’s time to enter the shortcode for the course icon(s) you’d like to display.
Quick Tip! If you’d like to display the courses your members belong to you can do this easily by using the shortcode for your AccessAlly Course Icons![accessally_icon post_id=’17005‘ target=’same’ hide_disable=’true’]
In the example above the home or base page of my course is 17005 now you’ll copy and paste the code above into your Custom Code (Developer Only) block and replace the number 17005 with the number of your course icon.
You can find the number of your course icon by editing the base page of your course, scrolling down to the Course Icon section and noting the number inside the shortcode.
Here’s what your custom code block will look like after adding the shortcode.
Part 4: Force Refresh your Member Directory
In order to see the icons appear inside your Member Directory, you’ll want to checkmark the box to Force regeneration of all user filters (this will re-evaluate all users for all the filters) as shown in the screenshot below.
Part 5: Visit the Member Directory
Visit the Member Directory on your site to see the course icons!