Embed a custom user generated trail lists.
Step 1: Choose a List
Step 2: Configuration
-
Custom Query:
url query params you can use on the website trails page to further filter the widget list
Widget Preview
Step 3: Get the code
If including multiple Trailforks widgets on the same page, the javascript portion below only needs to be included ONCE per page!
Advanced
-
You can optionally provide your own custom CSS file to custom style the widget to your desire.
add the following code to the widgets javascript, replacing URL_TO_YOUR_CSS_FILE: var style = "URL_TO_YOUR_CSS_FILE";
You can set the widget width to 100% to have the widget height responsively adjust (must use the JS code, not iframe). -
You can include the widget source directly into your page using PHP CURL or a Javascript Ajax call.
The direct URL to the widget source is: https://www.trailforks.com/widgets/list/
the following are the URL GET paramaters you can pass: id, width, height, displaytype, ce, noheader. Use the data-* in the "get the code" box above for reference. - "ce" parameter is a comma-delimited list of table columns to exclude (status,title,difficulty,rating,distance,alt_descent)