Tokens and Variables

The following tokens and liquid variables can be used in a variety of locations throughout the site:

IMPORTANT NOTES:

  • all the tokens below are listed with spaces between the {{ and the token. This is so that this page does not attempt to render them. When using all these tokens, do not use space between {{ or }} and the token. 
  • beware of copy-pasting these token as invisible style markup will stop these working. Clear text formating (Tx) in the tool bar to fix them if they are not working. 

 

  • Article - embed (part of) an article
    • token: {{ article:<id> }} Embed an article
    • available in: courses
    • e.g. {{ article:pituitary-gland }} = embeds whole article
    • e.g. {{ article:pituitary-gland,gross-anatomy }} = embeds from “gross anatomy” title to end of article
    • e.g. {{ article:pituitary-gland,gross-anatomy,relations }} = embeds from “gross anatomy” title and ends just before the “relations” title
    • e.g. {{ article:pituitary-gland,top,relations }} = embeds from top of article and ends just before the “relations” title

 

  • Awesound - embed audio
    • token: {{ awesound:<id> }}
    • available in: courses (learning pathways)
    • e.g.  {{ awesound:tp5c1i }}

 

  • Case - embed a case study
    • token: {{ case_study:<id>}} 
    • note: this is the study ID not the rID. You can find this by looking at the URL of the case in presentation mode or go to the study, right-click on the study header and “inspect element” and then look for:
       

  • Certificate download link
    • URL is as follows: https://radiopaedia.org/users/frank/courses/abdominal-emergency-radiology-course-online/certificate
    • note: this is just the link a user has in their radiopaedia.org/my/courses tab with the `.pdf` extension removed. This will go to a landing page with links to their courses page. 
       
  • Data protection
    • Show California DP popup https://radiopaedia.org/?snhbForceUser=CCPA&lang=gb
       
  • Dates
    • available in: courses only (including certificate and course emails)
    • confusingly, there are two separate systems for templating (one in the email section of courses and one for content) and therefore the variables have been implemented differently to match how they work
    • course content
      • token: {{ date:generated_on }} replaced with the date the page is rendered
      • token: {{ date:access_expires_on }} renders the date the current users access to a course will/did expire
        • to add an integer of days to date: {{ date:access_expires_on+10 }}
      • token: {{ date:accessed_on }} either the 'Certificate Availability' date or the date on which access was granted, whichever is later
    • course email - without 'date:' in front of the token
      • token: {{ generated_on }} 
      • token: {{ access_expires_on }} 
        • to add an integer of days to date: {{ access_expires_on|add_days:10 }} 
      • token: {{ accessed_on }} 
  • Local Time
    • available in: courses and restricted pages
    • First parameter is the unix timestamp (number of seconds since midnight January 1st, 1970 UTC)
    • Second parameter, if provided, is the date format string (see https://foragoodstrftime.com/ for examples)
    • token: {{ local_time:1621224987:%A, %b %d}}
  • Boxed Text
    • available in: courses and restricted pages
    • Sample use follows

{{ begin_box_text:style=info&initially=opened}}{{ begin_box_text_header}}Heading{{ end_box_text_header}}{{ begin_box_text_body}}Body{{ end_box_text_body}}{{ end_box_text}}

Available values for "style" parameter:

      primary
      success
      info
      warning
      danger
      default
      general-knowledge
      advanced-knowledge
      brand-primary
      brand-secondary
      offsite
      plain

These match the styles at /patterns

If 'initially' is specified as "opened" or "closed", the panel is collapsible; otherwise it is not.

 

If no panel body is being supplied, use {{ begin_box_text_header:no_body}} instead of {{ begin_box_text_header}}, to ensure the borders render correctly.

 

  • Conditional display

{{ if:after_timestamp=1624442759}} appears at June 23, 2021
{{ if:course_access=all-access-course-pass}} controls visiblity to users who appear on the non-expired registrants list for that course
{{ if:course_access_expires_before_days=all-access-course-pass:-30}} matches anyone whose registration to that course expired at least 30 days ago.
{{ if:country_is=US,AU}} matches anyone in the US.
{{ if:pricing_tier=3}} matches anyone in a pricing tier 3 country.
{{ if:whitelist=yes}} matches anyone on the course access whitelist (inc all-access pass holders)
{{ if:supporter=silver,radium}} matches anyone with a silver or radium supporter status

Any of these tokens can be inverted using {{ ifnot: in place of {{ if.

Failing to add an {{ endif}} after an {{ if}} will hide the remainder of the document.

 

  • Direct Access Code
    • token:  {{ access_code }} inserts modal into public content section of course
    • available in: courses only
    • can grant access directly via url https://radiopaedia.org/courses/[course title]?access-code=[insert code here]

 

  • Headerless articles and cases
    • variable ?iframe=true
    • append ?iframe=true to any url and it removes the header and background
    • this is used in the iframe in quiz mode but third parties can also use this

 

  • Images
    • token: <img src="{{ 'image_name.png' | image_asset_url }}"></img>
    • note: just replace image_name.png e.g. <img src="{{ 'radiopaedia-logo.png' | image_asset_url }}"></img> from the list available images (see below)
    • available in: course email section only

 

  • Product - embed a purchase button or pricing table for courses
    • token: {{ product:<embed_token> }} 
    • token: {{ pricing_table:<embed_token>,<embed_token>,<embed_token> }} 
    • available in: courses
      • e.g. {{ pricing_table:nondoctor170,doctorhno320,doctorconsultant280 }}
    • for free indefinite access (such as for Help Learning Pathways)  then use price = 0 cents and {{ product: <embed_token> }} - this will generate a purple button only with the text of the button = to the "Description" text

 

  • Profile links
    • replace /users/[username]/ with /my/ and the link will prompt for user login and take the user to their relevant profile page including any filter applied
    • e.g. https://radiopaedia.org/users/frank/playlists?page=1&system=central-nervous-system&visibility=unlisted would become https://radiopaedia.org/my/playlists?page=1&system=central-nervous-system&visibility=unlisted
    • Each user profile tab can be thus referred to:
      • Profile: radiopaedia.org/my/profile
      • Cases: radiopaedia.org/my/cases
      • Playlists: radiopaedia.org/my/playlists
      • Edits: radiopaedia.org/my/edits
      • Favorites: radiopaedia.org/my/favorites
      • Courses: radiopaedia.org/my/courses
      • CME: radiopaedia.org/my/cme
      • Settings: radiopaedia.org/my/settings
        • radiopaedia.org/my/settings#profile-information
        • radiopaedia.org/my/settings#institutions
        • radiopaedia.org/my/settings#biography
        • radiopaedia.org/my/settings#settings
        • radiopaedia.org/my/settings#communication-and-permissions
        • radiopaedia.org/my/settings#password

 

  • Question - embed a multiple choice question
    • token: {{ question:<id> }} 
    • works in pages, restricted pages, courses, articles and even cases but there is little reason to use them in many of these locations. 

 

  • Vimeo - is added using an iframe not a token

 

  • URL variables
    • language preference: ?lang=gb or ?lang=us
    • force user to login on way to URL: ?force_login=1
      • 1 means "true" and will present user with blank name field
    • force user to login on way to URL with naem: ?force_login=[username] e.g. ?force_login=frank
      • this will prefill user name
    • multiples variables can be concatenated with & e.g. /articles/meningioma?lang=us&force_login=1

 

User tokens

  • These should work in most places
    • {{ current_user:login }}
      {{ current_user:city }}
      {{ current_user:name }}
      {{ current_user:training_level_title }}

 

  • Youtube - embed a youtube video
    • token: {{ youtube:<url> }}
    • available in: articles, blog, courses, pretty much everywhere (?)
    • limited to: Radiology Channel and Radiopaedia accounts
    • note: must be public videos; for unlisted use Vimeo
    • More info on courses creation here. 

 

Images available

This is a hardcoded list of files that can be used in course emails; new ones require code changes and a deploy.

  • achievements/author/bronze-10.png
  • achievements/author/bronze-100.png
  • achievements/author/bronze-20.png
  • achievements/author/bronze-30.png
  • achievements/author/bronze-40.png
  • achievements/author/bronze-50.png
  • achievements/author/bronze-60.png
  • achievements/author/bronze-70.png
  • achievements/author/bronze-80.png
  • achievements/author/bronze-90.png
  • achievements/author/gold-10.png
  • achievements/author/gold-100.png
  • achievements/author/gold-20.png
  • achievements/author/gold-30.png
  • achievements/author/gold-40.png
  • achievements/author/gold-50.png
  • achievements/author/gold-60.png
  • achievements/author/gold-70.png
  • achievements/author/gold-80.png
  • achievements/author/gold-90.png
  • achievements/author/silver-10.png
  • achievements/author/silver-100.png
  • achievements/author/silver-20.png
  • achievements/author/silver-30.png
  • achievements/author/silver-40.png
  • achievements/author/silver-50.png
  • achievements/author/silver-60.png
  • achievements/author/silver-70.png
  • achievements/author/silver-80.png
  • achievements/author/silver-90.png
  • achievements/blank.png
  • achievements/collector/bronze-10.png
  • achievements/collector/bronze-100.png
  • achievements/collector/bronze-20.png
  • achievements/collector/bronze-30.png
  • achievements/collector/bronze-40.png
  • achievements/collector/bronze-50.png
  • achievements/collector/bronze-60.png
  • achievements/collector/bronze-70.png
  • achievements/collector/bronze-80.png
  • achievements/collector/bronze-90.png
  • achievements/collector/gold-10.png
  • achievements/collector/gold-100.png
  • achievements/collector/gold-20.png
  • achievements/collector/gold-30.png
  • achievements/collector/gold-40.png
  • achievements/collector/gold-50.png
  • achievements/collector/gold-60.png
  • achievements/collector/gold-70.png
  • achievements/collector/gold-80.png
  • achievements/collector/gold-90.png
  • achievements/collector/silver-10.png
  • achievements/collector/silver-100.png
  • achievements/collector/silver-20.png
  • achievements/collector/silver-30.png
  • achievements/collector/silver-40.png
  • achievements/collector/silver-50.png
  • achievements/collector/silver-60.png
  • achievements/collector/silver-70.png
  • achievements/collector/silver-80.png
  • achievements/collector/silver-90.png
  • achievements/contributor/bronze-10.png
  • achievements/contributor/bronze-100.png
  • achievements/contributor/bronze-20.png
  • achievements/contributor/bronze-30.png
  • achievements/contributor/bronze-40.png
  • achievements/contributor/bronze-50.png
  • achievements/contributor/bronze-60.png
  • achievements/contributor/bronze-70.png
  • achievements/contributor/bronze-80.png
  • achievements/contributor/bronze-90.png
  • achievements/contributor/gold-10.png
  • achievements/contributor/gold-100.png
  • achievements/contributor/gold-20.png
  • achievements/contributor/gold-30.png
  • achievements/contributor/gold-40.png
  • achievements/contributor/gold-50.png
  • achievements/contributor/gold-60.png
  • achievements/contributor/gold-70.png
  • achievements/contributor/gold-80.png
  • achievements/contributor/gold-90.png
  • achievements/contributor/silver-10.png
  • achievements/contributor/silver-100.png
  • achievements/contributor/silver-20.png
  • achievements/contributor/silver-30.png
  • achievements/contributor/silver-40.png
  • achievements/contributor/silver-50.png
  • achievements/contributor/silver-60.png
  • achievements/contributor/silver-70.png
  • achievements/contributor/silver-80.png
  • achievements/contributor/silver-90.png
  • achievements/institution/gold.png
  • achievements/moderator/bronze-10.png
  • achievements/moderator/bronze-100.png
  • achievements/moderator/bronze-20.png
  • achievements/moderator/bronze-30.png
  • achievements/moderator/bronze-40.png
  • achievements/moderator/bronze-50.png
  • achievements/moderator/bronze-60.png
  • achievements/moderator/bronze-70.png
  • achievements/moderator/bronze-80.png
  • achievements/moderator/bronze-90.png
  • achievements/moderator/gold-10.png
  • achievements/moderator/gold-100.png
  • achievements/moderator/gold-20.png
  • achievements/moderator/gold-30.png
  • achievements/moderator/gold-40.png
  • achievements/moderator/gold-50.png
  • achievements/moderator/gold-60.png
  • achievements/moderator/gold-70.png
  • achievements/moderator/gold-80.png
  • achievements/moderator/gold-90.png
  • achievements/moderator/silver-10.png
  • achievements/moderator/silver-100.png
  • achievements/moderator/silver-20.png
  • achievements/moderator/silver-30.png
  • achievements/moderator/silver-40.png
  • achievements/moderator/silver-50.png
  • achievements/moderator/silver-60.png
  • achievements/moderator/silver-70.png
  • achievements/moderator/silver-80.png
  • achievements/moderator/silver-90.png
  • achievements/newsletter/gold.png
  • achievements/supporter/bronze.png
  • achievements/supporter/gold.png
  • achievements/supporter/silver.png
  • apple-touch-icon-precomposed.png
  • blog-bg.png
  • blog-header-gradient.png
  • browser-icons/chrome.gif
  • browser-icons/edge.gif
  • browser-icons/firefox.gif
  • browser-icons/ie.gif
  • case-main-image-placeholder.png
  • case_details.png
  • certificate-bg-sample.jpeg
  • certificate-bg.jpg
  • cme-certificate-bg.jpeg
  • courses-banner.jpg
  • donations/donation-page-banner.jpg
  • donations/donation-thank-you-banner.jpg
  • donations/sidebar-banner.jpg
  • donations/sidebar-thankyou-banner.jpg
  • donations/top-banner-1.jpg
  • donations/top-banner-2.jpg
  • drawer-grip.gif
  • error.png
  • external-link-icon.png
  • form/add-case-image-button.png
  • form/add.gif
  • form/alert_accept.png
  • form/alert_exclamation.png
  • form/create-add-button.gif
  • form/create-field-bg.gif
  • form/create-remove-button.gif
  • form/create-submit-button.png
  • form/field-input-bg.gif
  • form/remove.png
  • fullscreen/active_next_case_button.png
  • fullscreen/active_next_section_button.png
  • fullscreen/active_prev_case_button.png
  • fullscreen/active_prev_section_button.png
  • fullscreen/bullet-arrow.png
  • fullscreen/case_button_next.png
  • fullscreen/close-btn.png
  • fullscreen/close-btn_2x.png
  • fullscreen/disabled_next_quiz_button.png
  • fullscreen/disabled_prev_quiz_button.png
  • fullscreen/down-arrow.png
  • fullscreen/dropdown_bg.jpg
  • fullscreen/findings-ico-active.png
  • fullscreen/findings-ico-normal.png
  • fullscreen/header-bg.jpg
  • fullscreen/header-wrapper-bg.jpg
  • fullscreen/images-ico-active.png
  • fullscreen/images-ico-normal.png
  • fullscreen/largeImage.jpg
  • fullscreen/logo.png
  • fullscreen/logo_2x.png
  • fullscreen/next.png
  • fullscreen/next_case_button.png
  • fullscreen/next_section_button.png
  • fullscreen/prev.png
  • fullscreen/prev_case_button.png
  • fullscreen/prev_section_button.png
  • fullscreen/questions-ico-active.png
  • fullscreen/questions-ico-normal.png
  • fullscreen/rate-case-bg.png
  • fullscreen/right-arrow.png
  • fullscreen/section-header.png
  • fullscreen/sky-scrapper-ad.jpg
  • fullscreen/tab-normal-bg.png
  • fullscreen/thumbnail.png
  • grip.png
  • icon_insert-external-link_16.png
  • icon_insert-external-link_32.png
  • icons/clock_icon.png
  • icons/download_icon.png
  • icons/eye_icon.png
  • icons/hamburger_menu_icon.png
  • icons/info_icon.png
  • icons/lock_icon.png
  • icons/mentoring_icon.png
  • icons/menu_icon.png
  • icons/plus_green_icon.png
  • icons/plus_grey_icon.png
  • icons/question_icon.png
  • icons/search_icon.png
  • icons/twitter_icon.png
  • icons/upload_icon.png
  • idor/banner-hover.jpg
  • idor/banner.jpg
  • idor/bottom-logo-hover.jpg
  • idor/bottom-logo.jpg
  • idor/facebook.png
  • idor/google-plus.png
  • idor/linkedin.png
  • idor/pinterest-share.jpg
  • idor/pinterest.png
  • idor/twitter.png
  • images/ui-bg_flat_65_ffffff_40x100.png
  • images/ui-bg_highlight-hard_55_111111_1x100.png
  • images/ui-bg_highlight-hard_55_1c1c1c_1x100.png
  • images/ui-bg_highlight-soft_0_aaaaaa_1x100.png
  • images/ui-bg_highlight-soft_100_f9f9f9_1x100.png
  • images/ui-bg_highlight-soft_50_aaaaaa_1x100.png
  • images/ui-bg_inset-hard_45_cd0a0a_1x100.png
  • images/ui-bg_inset-hard_55_ffeb80_1x100.png
  • indicator-black-on-white.gif
  • indicator.gif
  • indicator_drop.gif
  • indicator_orange.gif
  • join-us-on-facebook.png
  • loadingAnimation.gif
  • logo.png
  • [email protected]
  • main/article-off.png
  • main/article-on.png
  • main/blank.gif
  • main/button-disabled.gif
  • main/button.gif
  • main/case-images-desc-bg.gif
  • main/case-images-desc-more-button.png
  • main/case-images-loading-bg.png
  • main/case-images-note-box.png
  • main/case-images-note-close.png
  • main/case-images-scrollbar-button.png
  • main/case-images-scrollbar.png
  • main/case-images-thumb-box-bg.gif
  • main/case-images-thumb-control.gif
  • main/case-index-padlock.png
  • main/case-index-playlist.png
  • main/case-index-thumbs-down.png
  • main/case-index-thumbs-up.png
  • main/case-off.png
  • main/case-on.png
  • main/case-sample-large.jpg
  • main/case-up.png
  • main/color-divider.png
  • main/days-ago.gif
  • main/donation-drive-banner-desktop.jpg
  • main/donation-drive-banner-mobile.jpg
  • main/drag.png
  • main/dropdown-tip.png
  • main/expandable-bottomleft.gif
  • main/expandable-bottomright.gif
  • main/expandable-bullet.gif
  • main/expandable-title-left.png
  • main/expandable-title-right.png
  • main/flag-active.png
  • main/flag-inactive.png
  • main/fullscreen.png
  • main/image-viewer-gallery-bg.gif
  • main/image-viewer-gallery-next.gif
  • main/image-viewer-gallery-prev.gif
  • main/image-viewer-gallery-stack.gif
  • main/image-viewer-image-desc-bg.png
  • main/image-viewer-main-desc-bg.gif
  • main/imc-add-green.png
  • main/imc-add-grey.png
  • main/imc-nav-bg.gif
  • main/imc-tooltip.png
  • main/intro.png
  • main/is_poster.png
  • main/logo.png
  • main/main-article-bg.gif
  • main/main-box-button.gif
  • main/main-box-title.gif
  • main/main-home-bg.gif
  • main/main-split-bg.gif
  • main/page-save-button.gif
  • main/quickview-arrow.png
  • main/quickview-bottom.png
  • main/quickview-bottomleft.png
  • main/quickview-bottomright.png
  • main/quickview-left.png
  • main/quickview-right.png
  • main/quickview-top.png
  • main/quickview-topleft.png
  • main/quickview-topright.png
  • main/reference-more.gif
  • main/sample-article-thumb-large.jpg
  • main/sample-case-image.jpg
  • main/sample-case-thumb-small.jpg
  • main/set_as_poster.png
  • main/sidebar-button.gif
  • main/signup-button.png
  • main/sponsor-toshiba.png
  • main/stack.gif
  • main/thumbnail-bg.png
  • main/toplinks-bg.png
  • main/twitter-bird.png
  • main/view-website-button.gif
  • new-article/article-images-scrollbar.png
  • new-article/article-info-header.gif
  • new-article/dot-bullet.png
  • new-article/header-gradient.png
  • new-case/add-item-button.gif
  • new-case/add.png
  • new-case/banner-ad.gif
  • new-case/button-submit.gif
  • new-case/case-image-upload-bar.gif
  • new-case/case-images-scrollbar.png
  • new-case/case-images-thumb-control.gif
  • new-case/case-info-header.gif
  • new-case/completeness-halftick.png
  • new-case/completeness-tick.png
  • new-case/delete-large.png
  • new-case/delete.png
  • new-case/edit-case-button.gif
  • new-case/icon-full-screen.gif
  • new-case/icon-question.gif
  • new-case/icon-same-window.gif
  • new-case/imc-flag-red.png
  • new-case/is_key_image.png
  • new-case/key_image.png
  • new-case/move-down.png
  • new-case/move-up.png
  • new-case/notice-button.gif
  • new-case/notice-icon.gif
  • new-case/open-close-study.png
  • new-case/rating-button.gif
  • new-case/rating-star-empty.gif
  • new-case/rating-star-full.gif
  • new-case/scroll-icon-orange.svg
  • new-case/scroll-icon-white.svg
  • next-dark.png
  • next.png
  • no-photo-square.jpg
  • no-photo.gif
  • pack-icons/error.png
  • pack-icons/tick.png
  • prev-dark.png
  • prev.png
  • privacy-mailer/help-us-improve_s1.png
  • privacy-mailer/important-message-from-radiopaedia_s1.png
  • privacy-mailer/more-frequent-newsletters_s1.png
  • privacy-mailer/newsletter-update_s1.png
  • privacy-mailer/radiopaedia-logo.png
  • privacy-mailer/read-privacy-policy_s1.png
  • privacy-mailer/sign-up-for-newsletter_s1.png
  • privacy-mailer/take-the-survey_s1.png
  • privacy-mailer/update-preferences_s1.png
  • privacy-mailer/updated-privacy-policy-and-terms_s1.png
  • profile-icons/facebook.png
  • profile-icons/flickr.png
  • profile-icons/linkedin.png
  • profile-icons/myspace.png
  • profile-icons/skype.png
  • profile-icons/twitter.png
  • profile-icons/yahoo.png
  • radiopaedia-logo.png
  • rails.png
  • search-drop-button.png
  • sharing-icons/delicious.gif
  • sharing-icons/digg.gif
  • sharing-icons/reddit.gif
  • sharing-icons/rss.gif
  • sharing-icons/stumble-upon.gif
  • sharing-icons/twitter.gif
  • slidesjs.png
  • social/email.png
  • social/facebook.png
  • social/google_plus.png
  • social/pinterest.png
  • social/tumblr.png
  • social/twitter.png
  • sponsor-toshiba.png
  • sponsored-by.png
  • study-icons/delete_free.png
  • study-icons/delete_hover.png
  • study-icons/download_free.png
  • study-icons/download_hover.png
  • study-icons/icon_studydown_free.png
  • study-icons/icon_studydown_hover.png
  • study-icons/icon_studyup_free.png
  • study-icons/icon_studyup_hover.png
  • study-icons/icons_background.png
  • study-icons/makecasekeyimage_current.png
  • study-icons/makecasekeyimage_free.png
  • study-icons/makecasekeyimage_hover.png
  • study-icons/makestackkeyimage_current.png
  • study-icons/makestackkeyimage_free.png
  • study-icons/makestackkeyimage_hover.png
  • study-icons/pin.png
  • study-icons/star_free.png
  • study-icons/star_hover.png
  • study-icons/thumbicon_stackkeyimage_13-13.png
  • supporters/check-bronze.png
  • supporters/check-gold.png
  • supporters/check-silver.png
  • supporters/felson-image.jpg
  • supporters/hounsfield-image.jpg
  • supporters/ribbon-bronze.png
  • supporters/ribbon-gold.png
  • supporters/ribbon-silver.png
  • supporters/roentgen-image.jpg
  • supporters/tooltip-bronze.png
  • supporters/tooltip-gold.png
  • supporters/tooltip-silver.png
  • supporters/upgrade-btn.png
  • thumbs.png
  • toolbar-icons.png
  • upload.png
  • video-icon/icon_video_big_gallery.png
  • video-icon/icon_video_big_play.png
  • video-icon/icon_video_gallery.png
  • video-icon/icon_video_medium.png
  • video-icon/icon_video_play.png
  • video-icon/icon_video_small.png
  • video-icon/icon_video_thumb.png
  • video-icon/icon_video_tiny.png

Recent news

Updating… Please wait.

 Unable to process the form. Check for errors and try again.

 Thank you for updating your details.