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. 

 

  • 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 }} 

 

  • December Supporter Drive banner
    • adding a query param ?b=show_donation_banner forces the banner to show up (both desktop and mobile)
    • e.g. https://radiopaedia.org/?b=show_donation_banner


 

  • 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

 

  • 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

 

  • 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.