");$( "#content-area" ).prepend($addFlag);} }// This function handles animation for the new ToC, which currently includes:// 1. Fading the ToC in and out to prevent it from covering up the Info section in the footer ; function handleTocAnim( $tocBox, winHeight, docHeight, scrollTop ) { // We're going to check if we're near the bottom for an animation to hide the ToC so we don't // cover up the Info section in the footer var bottomBuffer = 384; //px var isNearBottom = scrollTop + winHeight > docHeight - bottomBuffer; // Fetch the value for the animFlag key var tocAnimating = $tocBox.data( "animFlag" ); // If ToC has been hidden by the fade anim, display will be 'none' when // finished animating var tocHidden = $tocBox.css( 'display' ) === 'none'; if( isNearBottom ) { // If we're near the bottom, and the ToC is not animating // and not hidden, then hide it if( !tocAnimating && !tocHidden ) { $tocBox.data( "animFlag", true ) $tocBox.fadeOut( 400, function() { $tocBox.data( "animFlag", false ); }); } } else { // If we're not near the bottom, and the ToC is not animating // and hidden, then unhide it if( !tocAnimating && tocHidden ) { $tocBox.data( "animFlag", true ); $tocBox.fadeIn( 400, function() { $tocBox.data( "animFlag", false ); }); } } }// Calculate the available height for the ToC Box ; function calcAvailableHeight( height ) {return height * 80.0 / 100.0;}// This function resizes specific page elements, depending on // window size and whether the ToC is present, to keep things // consistent.// The boolean debug arg enables verbose logging. ; function handleReflow( $, winOuterWidth, winInnerHeight, maxMobileWidth, debug ) {if( debug ) {console.log( "Checking if page layout should be reflowed..." );}// We want to reflow the layout whether or not we have the TOC, // with the hasTOC bool as a flag for if it exists on the pagevar tocFlag = $("#content-side");var hasToC = true; // FORCE HAS TOC, DEPLOYING SITEWIDE -supersoup// Check number of H2 elements. If <= 3, early returnvar numH2 = $("h2");if( numH2.length <= 3 ) {return;}// Cache varsvar $mainContainer = $("#main-content");var $logoContainer = $(".hgg-logo-space");var $navContainer = $(".hgg-menu-icon");var $contentArea = $("#content-area");// Null-check variablesvar anyNull = $mainContainer.length && $logoContainer.length && $navContainer.length && $contentArea.length;if( !($mainContainer.length) && debug ) {console.log( "$mainContainer null in reflowLayout..." );}if( !($logoContainer.length) && debug ) {console.log( "$logoContainer null in reflowLayout..." );}if( !($navContainer.length) && debug ) {console.log( "$navContainer null in reflowLayout...")}if( !($contentArea.length) && debug ) {console.log( "$contentArea null in reflowLayout..." );} if( debug ) {console.log( "anyNull: " + anyNull );console.log( "hasTOC: " + hasToC );}if( hasToC ) {// The previous process for initializing offsetTopForView didn't play well when// refreshing the page while partially down the post, switching to pulling the // header height for consistency -supersoupvar offsetTopForView = $("header").height() ; //pxif (offsetTopForView === undefined || offsetTopForView < 0) {offsetTopForView = 0;}var $toc = $( ".toc-box" );if( $toc.length > 0 ) {var availableHeight = calcAvailableHeight( winInnerHeight - offsetTopForView );if( debug ) {console.log( "window.innerHeight: " + winInnerHeight );console.log( "availableHeight: " + availableHeight );console.log( "toc[0].scrollHeight: " + $toc[0].scrollHeight );console.log( "toc.height(): " + $toc.height() );}if( $toc.outerHeight() > availableHeight ) {$toc.css( 'height', availableHeight );if( debug ) {console.log( "Setting ToC height to ", availableHeight );}} else {var newHeight = availableHeight < $toc[0].scrollHeight ? availableHeight : $toc[0].scrollHeight;$toc.css( 'height', newHeight );if( debug ) {console.log( "Setting ToC height to ", newHeight );}}/*// Update largest sizevar maxSize = $toc.data( "maxSize" );var outerHeight = $toc.outerHeight;if( maxSize === 0 || maxSize == undefined || maxSize == NaN || maxSize < cssHeight ) {$toc.data( "maxSize", $toc.outerHeight);console.log( "maxSize is now " + $toc.outerHeight );}*/if( $toc.height() < $toc[0].scrollHeight ) {$toc.css( 'overflow-x', 'hidden' );$toc.css( 'overflow-y', 'auto' );}else {$toc.css( 'overflow-x', 'hidden' );$toc.css( 'overflow-y', 'none' );}}if( winOuterWidth >= 1600 ) {$mainContainer.css( "margin-left", "15.95rem" );$logoContainer.css( "margin-left", "-6.1rem" );$navContainer.css( "margin-right", "-8.0rem" );} else if( winOuterWidth < 1600 && winOuterWidth > maxMobileWidth ) {$mainContainer.css( "margin-left", "14.8rem" );$logoContainer.css( "margin-left", "-3.8rem" );$navContainer.css( "margin-right", "-3.8rem" );} else if( winOuterWidth <= maxMobileWidth ) {// Clear applied CSS$mainContainer.css( "margin-left", "0" );$logoContainer.css( "margin-left", "0" );$navContainer.css( "margin-right", "0" );} else {if( debug ) {console.log( "Unhandled window width in reflowLayout() - With ToC" );}}} else {if( winOuterWidth >= 1600 ) {// Don't do anything yet on non-ToC pages} else if( winOuterWidth < 1600 && winOuterWidth > maxMobileWidth ) {$contentArea.css( "margin-left", "0");} else if( winOuterWidth <= maxMobileWidth ) {// Don't do anything yet on non-ToC pages} else {if( debug ) {console.log( "Unhandled window width in reflowLayout() - Without ToC" );}}} }// Handles reflowing content on the page depending on different variables; (function (window, $, undefined) {$.fn.reflowLayout = function() {// Mobile width for reflow, probably want to sync// with max mobile width for the ToCconst MAX_MOBILE_WIDTH = 1438;// Should we enable verbose logging for debugging?// SHOULD NOT BE TRUE IN PRODUCTION! -supersoupvar debug = false;handleReflow( $, window.outerWidth, window.innerHeight, MAX_MOBILE_WIDTH, debug );$(window).on( 'load', function () {handleReflow( $, window.outerWidth, window.innerHeight, MAX_MOBILE_WIDTH, debug );});// For reflowing when browser size changes$(window).on( 'resize', function () {handleReflow( $, window.outerWidth, window.innerHeight, MAX_MOBILE_WIDTH, debug );});/*$(window).on( 'scroll', function () {var $toc = $( ".toc-box" );if( $toc.length === 0 )return;console.log( "availableHeight: " + calcAvailableHeight( window.innerHeight ) );console.log( "toc[0].scrollHeight: " + $toc[0].scrollHeight );console.log( "toc.outerHeight(): " + $toc.outerHeight() );});*/};})(this, jQuery);// Transform guide content by visually organizing it into cards ; (function(window, $, undefined) { $.fn.cardify = function() { var $contentBody = $("#content-body"); if($contentBody === 0) { return; } var $contentBodyChildren = $contentBody.children(); var $h2s = $contentBody.children("h2"); console.log("H2 children of #content-body: " + $h2s.length); if($h2s.length === 0) { return; } for(var i = 0; i < $h2s.length; i++) { var $array = $contentBodyChildren.nextUntil("h2"); $array.each( function(index) { console.log("Element " + index + ": " + $(this).html()); }); // console.log("Card " + i + ":" + $contentBodyChildren.nextUntil("h2").html()); } } }(this, jQuery));// Create the top level TOC before the first heading // The boolean debug arg enables verbose logging. ; function createTopLevelTOC( $, debug ) {var $contentBody = $("#content-body");if( $contentBody === 0 ) {return;}var headingsToFind = ["h2", "h3"]; var $headings = $contentBody.find(headingsToFind.join(","));if( debug ) {console.log(`Headings found: ${$headings.length}`);}if( $headings.length === 0 ) {return;}var tocContainer = document.createElement("div");tocContainer.id="top_toc_container";tocContainer.classList.add("top_toc_container");var tocTitle = document.createElement("p");tocTitle.classList.add("top_toc_title");tocTitle.innerHTML = "Table of Contents";tocContainer.append(tocTitle);var tocList = document.createElement("ul");tocList.classList.add("top_toc_list");let h2Count = 1;let h3Count = 1;for( let i = 0; i < $headings.length; i++ ) {var item = document.createElement("li");var itemTagName = $headings[i].tagName;var tagIsH3 = itemTagName === "H3";if ( debug ) {console.log(`Item ${i} tagName: ${itemTagName}`);}var count = i+1;if( tagIsH3 ) {item.classList.add("top_toc_item_h3");count = h3Count;h3Count++;}else {item.classList.add("top_toc_item_h2");count = h2Count;h3Count = 1; // Reset h3 counth2Count++;}var innerText = `${tagIsH3 ? " - " : ""} ${$headings[i].innerText}`;item.innerHTML =`${innerText}`;tocList.append(item);}tocContainer.append(tocList);var $topHeading = $headings[0];$topHeading.before(tocContainer);if( debug ) {console.log("Successfully added top level ToC");}}// The main function for creating, populating, and managing the new ToC ; (function (window, $, undefined) { $.fn.createTOC = function (settings) {const MAX_MOBILE_WIDTH = 1438;// Before anything else, if this is a post in a Category that we // specifically want to force the ToC on, let's handle that// THIS IS NO LONGER NEEDED, as we're pushing ToC sitewide -supersoup// handleForceToC( $ );// We want to create the inline top level ToC if we're not generating // the sidebar tocif ( $(window).width() <= MAX_MOBILE_WIDTH ) {createTopLevelTOC( $, false );}// For now, we only want to add the new ToC to manually flagged posts.// The post is flagged with the presence of a
// contained within the content of the post. Originally, this div was being used// to wrap the ToC, but I (supersoup) am going to move the ToC out to a new div.// So, the first thing we want to do is test for this div, early return if not // found, or remove it and recreate a #content-side div elsewhere if it is found.var tocFlag = $("#content-side");var hasToC = !(tocFlag.length === 0);// If #content-side element is foundif( hasToC ) {// Get rid of tosFlag #content-side elementtocFlag.remove();}// Check number of H2 and H3 elements. If <= 3, early returnvar numH2 = $("h2");var numH3 = $("h3");if( numH2.length + numH3.length <= 3 ) {return;}// Proceed with .CreateTOC() var option = $.extend({ title: "hgg-toc", insert: "body", }, settings); var ACTIVE_CLASS = 'active'; var list = ["h2", "h3"]; var $headings = this.find(list.join(",")); var tocBox = document.createElement("ul"); var $tocBox = $(tocBox); tocBox.className = "toc-box"; var idList = []; $headings.map(function (i, head) { var nodeName = head.nodeName; var id = 'toc_' + i + '_' + nodeName; head.id = id; idList.push(id); var row = document.createElement("li"); row.className = 'toc-item toc-' + nodeName; var link = document.createElement('a'); link.innerText = head.innerText; link.className = 'toc-item-link'; link.href = '#' + id; row.appendChild(link); tocBox.appendChild(row); }); // Control the takeover of the highlighted elements var isTakeOverByClick = false; // Event delegate, add click ，Highlight the currently clicked item $tocBox.on("click", ".toc-item", function (ev) { // Set as true ，Represents the click event to take over the control of the highlighted element isTakeOverByClick = true; var $item = $(this); var $itemSiblings = $item.siblings(); $itemSiblings.removeClass(ACTIVE_CLASS); $item.addClass(ACTIVE_CLASS); });// Recreate #content-side element in new locationvar $tocDiv = $("
");$( "#content-area" ).prepend($tocDiv); // Want it to be the first subdiv of #content-areavar headBox = document.createElement("div");headBox.className = "toc-titler";headBox.innerHTML = option.title;var wrapBox = document.createElement("div");wrapBox.className = "wrap-toc";wrapBox.appendChild(headBox);wrapBox.appendChild(tocBox);// If on mobile, set sidebar hiddenif( $(window).width() <= MAX_MOBILE_WIDTH ) {wrapBox.style.display = 'none';} else {wrapBox.style.display = null;}var $insertBox = $(option.insert);var $helperBox = $("
");$helperBox.append(wrapBox);$insertBox.prepend($helperBox);// The style of the storage container boxvar CACHE_WIDTH = $insertBox.css('width');var CACHE_PADDING_TOP = $insertBox.css('paddingTop');var CACHE_PADDING_RIGHT = $insertBox.css('paddingRight');var CACHE_PADDING_BOTTOM = $insertBox.css('paddingBottom');var CACHE_PADDING_LEFT = $insertBox.css('paddingLeft');var CACHE_MARGIN_TOP = $insertBox.css('marginTop'); // var scrollTop = $('html,body').scrollTop(); // var offsetTop = $insertBox.offset().top; // var marginTop = parseInt($insertBox.css('marginTop')); // var offsetTopForView = offsetTop - scrollTop - marginTop; // For initialization on load$(window).on( 'load', function () {initTocAnimData( $insertBox );}); // Rolling ceiling $(window).scroll(function () {// The previous process for initializing offsetTopForView didn't play well when// refreshing the page while partially down the post, switching to pulling the // main-header height for consistency -supersoupvar offsetTopForView = $(".hgg-top-nav").height() ; //px// IE6/7/8： // For pages without doctype declaration, document.body.scrollTop can be used to get the height of scrollTop; // For pages with doctype declaration, document.documentElement.scrollTop can be used;// Safari: // Safari is special, it has its own function to get scrollTop: window.pageYOffset;// Firefox: // Relatively standard browsers such as Firefox can save more worry, just use document.documentElement.scrollTop;var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; // Scroll highlight // Only when the click event cancels the control of the highlighted element, the scroll event can have the control of the highlighted element !isTakeOverByClick && $.each(idList, function (index, id) { var $head = $('#' + id); var $item = $('[href="#' + id + '"]').parent(); var $itemSiblings = $item.siblings();var offsetBuffer = 64; // px, we want the class swap to trigger slightly before so we show an accurate active element// when zooming to a specific element var offsetTopHead = $head.offset().top - offsetBuffer; var isActived = $item.hasClass(ACTIVE_CLASS); if (scrollTop >= offsetTopHead) { $itemSiblings.removeClass(ACTIVE_CLASS); !isActived && $item.addClass(ACTIVE_CLASS); } else { $item.removeClass(ACTIVE_CLASS); } }); // Set to false, which means that the click event will cancel the control of the highlighted element isTakeOverByClick = false;// Handle animation for the ToChandleTocAnim( $insertBox, $(window).height(), $(document).height(), scrollTop );// Handle any changes to ToC CSS on scrollvar isFixed = $helperBox.css("position") === "fixed"; if (scrollTop >= offsetTopForView) {if (isFixed) return;$tocBox.css({overflow: 'auto',padding: 0,});$helperBox.css({position: 'fixed',top: CACHE_MARGIN_TOP,width: CACHE_WIDTH,paddingTop: CACHE_PADDING_TOP,paddingRight: CACHE_PADDING_RIGHT,paddingBottom: CACHE_PADDING_BOTTOM,paddingLeft: CACHE_PADDING_LEFT,backgroundColor: $tocBox.css('backgroundColor')});} else {if (!isFixed) return;$helperBox.css({position: 'static',padding: 0});$tocBox.css({overflow: 'auto',paddingTop: CACHE_PADDING_TOP,paddingRight: CACHE_PADDING_RIGHT,paddingBottom: CACHE_PADDING_BOTTOM,paddingLeft: CACHE_PADDING_LEFT,});} }); };}(this, jQuery));});
by Angus Green | Last Updated: Jun 8, 2022
Image: ZeniMax Online Studios & Bethesda Softworks via HGG / Angus Green
Where is Elden Root in ESO? There are several ways to get to the Aldmeri Dominion capital of Elden Root, Grahtwood. As the capital of the Aldmeri Dominion, this massive tree city has got it all: Undaunted Pledges, 7 Guild Traders, Crafting, Mages and Fighters Guild- you name it.
This guide will explain how to get to Elden Root the fastest, so you don’t have to sweat finding this essential city. Some ways of getting to Elden Root are more direct than others. We’ll cover both the fastest ways as well as the linear way written into the storyline.
Looking for more ESO tips and tricks? View all our Elder Scrolls Online guides.
Where is Elden Root? Many Paths Lead the Way!
There are transport caravans right outside the entrance of the massive tree that is Elden Root, Grahtwood. You can see 4 caravan icons on the zoomed in map of Elden Root. Ships or caravans from other locations throughout Tamriel will take you to this area and you’ll be right outside the Elden Root wayshrine. We’ll cover the major alliances first and then the DLC zones. You can access Elden Root from the Aldmeri Dominion zone of Auridon from the large southern city of Vulkhel Guard.
For the other alliances you’ll need to get to the capital city first before heading over to the Aldmeri Dominion capital of Elden Root, Grahtwood. Mournhold in Deshaan (Ebonheart Pact), and Wayrest in Stormhaven (Daggerfall Covenant) will be your choices.
If you aren’t starting as an Aldmeri Dominion character, it will take a couple more steps to get here through ship/caravan. As you won’t start the game in one of these major cities, we’ll describe how to get to these locations first below.
Click each map to expand
What’s Your Starting Point?
If you have just started you’ll either be in one of the alliance starting zones or a DLC area based on where you choose to start.
The Aldmeri Dominion will start you off in Khenarthi’s Roost. The southernmost area will have a boatswain named Sugar-Claws who can take you to Auridon.
The Daggerfall Covenant will start you off in Stros M’Kai. In the central major city there you’ll find a boatswain named Gilzer who can take you to Daggerfall Glenumbra. This brings you to more docks that can lead you to Vulkhel Guard Auridon (look for Azoufah).
The Ebonheart Pact will start you off in Bleakrock Isle, in the southwest of the Bleakrock Village there will be the boatswain named Liezl who can take you to Davon’s Watch. There you can take the helm of the Rusty Argonian Blade and sail to Vulkhel Guard Auridon yourself.
Direct Routes
You can travel from various DLC zones via caravan or ship to wind up in this area of caravans outside of Elden Root.
DLC locations that have this direct route to Elden Root include:
- Vvardenfell
- Summerset
- Northern and Southern Elsweyr
- Western Skyrim
- Blackwood
If you have the DLC unlocked, a decently quick way to get to Elden Root would be to go over there and then ship right over to one of Elden Root’s caravan locations.
The Deadlands, Fargrave, the Reach, etc, do not have direct routes to Elden Root. You’ll need to port over to their corresponding DLC to make the journey over. They will likely add a caravan/ship route to get to and from High Isle once they release it June 6th.
Porting to Friends or Guildmates to Reach Elden Root
The fastest way to get to Elden Root quickly without having to use docks or caravans is by simply teleporting to a friend or guildmate in Grahtwood. You can discover unknown wayshrines by porting to guildmates in locations you haven’t visited yet, unlocking them for future use.
Quite often people are in Elden Root to grab their daily Undaunted Pledges or to use the great guild trading hub located there. Sometimes I’ll port to a guild mate and find myself somewhere else in Grahtwood. But usually someone on my friend’s list or guild is located directly in Elden Root.
You can also use the addon BeamMeUp to quickly access the location you want to get to. Minion is an addon management tool and my preferred way to get addons in ESO. I suggest downloading BeamMeUp off of that if you want to try it out.
You will need to be in several guilds though for it to be useful (as it uses your guildmate’s locations to port you to specific locations without charging you the transport gold fee).
Porting to Housing
This house won’t act as a fastrack to discover Elden Root. However, I use it as a fast way to port to Elden Root when I’m not near a wayshrine.
There is a wonderful and cheap tree house in Elden Root called Snugpod costing only 45,000 gold. It only comes with one fairly small room but in terms of housing this is definitely on the cheaper end. This humble home can be ported to at any time, but if you exit without owning the house you’ll return to where you originally ported from.
You can get to Elden Root quickly by porting to this house once you own it. It is conveniently located just east of the Elden Root wayshrine, just south of the Great Tree Stables. Unfortunately there is a requirement you must meet before buying it. You’ll need to complete part of the Grahtwood zone storyline called Heart of the Matter.
Where is Elden Root Chronologically? Zone Storyline
If you are wanting to get to Grahtwood chronologically in the Aldmeri Dominion storyline, you’ll travel there by completing Auridon’s questline. There is a boatswain named Scout Linimondil in Skywatch, Auridon (city in the center of the map) that will lead you to the city of Haven on the southern edge of Grahtwood. Eventually it will lead you into Elden Root as you follow the story.
Join the High Ground
We hope this guide helps you get to Elden Root fast so you can explore more of Grahtwood or use the city’s many resources. For more information on all of your favorite games and the latest in all things ESO, follow us on social media and subscribe to our newsletter.
Related Reading
ESO: Mundus Stone Guide
The Details in ESO: Buffs, Armor Trait, ETC.
Submit a Comment
FAQs
Where is the Elden Root throne room? ›
It is somewhere in the highest branches of Falinesti, the walking city of the Bosmer king. In The Elder Scrolls Online the Camoran Throne is located within the Elden Tree, Elden Root. It is occupied by King Aeradan.
How do I get from Auridon to Grahtwood? ›Grahtwood is base game, you can take a wayshrine to Auridon and then go to the docks and the navigator takes you to the capital.
Can you go to Valenwood in eso? ›The entirety of the Valenwood is available in Elder Scrolls Online for exploration.
How do I open the Elden tree? ›After defeating Morgott, you discover that the entrance to the Great Erdtree is blocked by thorns. Melina asks you to go to the Mountaintops of the Giants to get some special kindling that you can use to burn down the Great Erdtree. She gives you the Rold Medallion that you can use to reach this area.
How do I find Elden Lord? ›Godfrey, First Elden Lord, is the first major boss located within Leyndell, Royal Capital, and the final barrier to facing the final boss of the dungeon. Godfrey is located past the West Capital Rampart Site of Grace, in the tower at the top of the giant branches that are growing out of the ramparts.
How do I get to the Elden Ring at the Palace? ›- If you have already collected the two halves of the Haligtree Secret Medallion and gained access to the secret region in the Mountaintops of the Giants reaching Mohgwyn's Palace is as easy as using a teleporter.
- This teleporter is located at the spot marked on the map above.
- Main story: Mountaintop of the Giants.
- Optional: Subterranean Shunning-Grounds.
- If you haven't done it yet: Deeproot Depths, Lake of Rot & Astel, Naturalborn of the Void.
Every map fragment in Elden Ring can be found by visiting stone obelisks scattered throughout the Lands Between. Once you enter a region, you'll have an empty map of the area, but the stone obelisks will be marked, allowing you to ride towards them to open the map up properly.
How do I get to Auridon eso? ›Speak to Razum-dar, then Captain Jimila, to travel to Auridon aboard The Prowler. Optionally, you can choose to interact with a great deal of the characters that you have interacted with throughout the quests and events in Khenarthi's Roost.
How do you travel between provinces in Elder Scrolls Online? ›Look for a nearby stable or on the Crown Store for a new ride. In addition to mounts, you can quickly travel throughout Tamriel by using nearby Wayshrines. These act as Fast Travel points; as soon as you discover the location of a Wayshrine while exploring, you can use it to instantly teleport around Tamriel.
Where is earthen root enclave? ›
Earthen Root Enclave is an islet located off the southeast coast of High Isle, reached from a ship west of the Coral Road Wayshrine. It is a meeting place for druids from all three Cirlces in the Systres Archipelago, and several natures spirits reside there. It is included in the Lost Depths DLC alongside Graven Deep.
Where is the secret room in Elden Ring? ›Go through the invisible floor at the broken railing, then under the arch and into the hallway. Hit the wall at the end of the hallway. Hit the brick wall at the northern end of the ruins. Hit or roll on the large square brick patch on the floor to reveal an underground room.
Is there anything in Godrick's throne room? ›Nepheli and Kenneth will be inside the throne room; if they aren't there, try resting at Godrick's site of grace to make them appear.
How do you get to the throne room in Redmane castle? ›It can be reached by crossing the bridge in-front of the "Impassable Greatbridge" site of grace. Follow the path upwards to the castle gate. Circle behind the castle using the path on the right hand side.
Where is across the roots Site of Grace? ›At the end of Deeproot Depths, once you traverse through the tree trunk pathing and find Across The Roots Site of Grace. In the Prince of Death's Throne arena, from interacting with Fia after defeating Fia's Champions.