We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 49464
    • 1 Posts
    Dear ModX community,

    My name is Rik, and my problem is that my template needs access to it's own folder, so i added a base tag in front of the requierd ,css and .js files, but wayfinder will try to access index.php, that is located in the root folder, from my template's folder.
    I found out that there isn't a way to add multiple base tags.

    My template (i'm not able to add attachements from a mobile phone):
    <!DOCTYPE HTML>
    <!--
    	Arcana by HTML5 UP
    	html5up.net | @n33co
    	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
    -->
    <html>
    	<head>
    		<title>[[*pagetitle]] - [[++site_name]]</title>
    		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    		<meta name="description" content="" />
    		<meta name="keywords" content="" />
    		<base href="[[++site_url]]assets/templates/arcana/" />
    		<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
    		<script src="js/jquery.min.js"></script>
    		<script src="js/jquery.dropotron.min.js"></script>
    		<script src="js/skel.min.js"></script>
    		<script src="js/skel-layers.min.js"></script>
    		<script src="js/init.js"></script>
    		<noscript>
    			<link rel="stylesheet" href="css/skel.css" />
    			<link rel="stylesheet" href="css/style.css" />
    			<link rel="stylesheet" href="css/style-wide.css" />
    		</noscript>
    		<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
    	</head>
    	<body>
    
    		<!-- Header -->
    			<div id="header">
    
    				<!-- Logo -->
    					<h1><a href="index.html" id="logo">[[++site_name]] <em>[[*menutitle]]</em></a></h1>
    				
    				<!-- Nav -->
    					<nav id="nav">
    						[[Wayfinder? &startId=`0`]]
    					</nav>
    
    			</div>
    			
    		<!-- Main -->
    			<section class="wrapper style1">
    				<div class="container">
    					<div class="row double">
    						<div class="3u">
    							<div id="sidebar1">
    
    								<!-- Sidebar 1 -->
    							
    									<section>
    										<h3></h3>
    										<p></p>
    										<footer>
    											<a href="#" class="button">Continue Reading</a>
    										</footer>
    									</section>
    
    									<section>
    										<h3>Another Subheading</h3>
    										<ul class="links">
    										</ul>
    										<footer>
    											<a href="#" class="button">More Random Links</a>
    										</footer>
    									</section>
    						
    							</div>
    						</div>
    						<div class="6u skel-cell-important">
    							<div id="content">
    
    								<!-- Content -->
    							
    									<article>
    										<header>
    											<h2></h2>
    											<p></p>
    										</header>
    										
    										<span class="image featured"><img src="images/banner.jpg" alt="" /></span>
    										
    										<p>[[*content]]</p>
    									</article>
    						
    							</div>
    						</div>
    						<div class="3u">
    							<div id="sidebar2">
    
    								<!-- Sidebar 2 -->
    
    									<section>
    										<h3></h3>
    										<ul class="links">
    										</ul>
    										<footer>
    											<a href="#" class="button">More Random Links</a>
    										</footer>
    									</section>
    													
    									<section>
    										<h3></h3>
    										<p></p>
    										<footer>
    											<a href="#" class="button">Continue Reading</a>
    										</footer>
    									</section>
    
    							</div>
    						</div>
    					</div>
    				</div>
    			</section>			
    
    		<!-- Footer -->
    			<div id="footer">
    				<div class="container">
    					<div class="row ">
    						<div class="6u">
    							<div class="row collapse-at-2">
    								<section class="6u">
    									<h3>[[*linkbox1_title]]</h3>
    									<ul class="links">
    										<li><a href="[[*linkbox1_link1_link]]">[[*linkbox1_link1_title]]</a></li>
    										<li><a href="[[*linkbox1_link2_link]]">[[*linkbox1_link2_title]]</a></li>
    										<li><a href="[[*linkbox1_link3_link]]">[[*linkbox1_link3_title]]</a></li>
    										<li><a href="[[*linkbox1_link4_link]]">[[*linkbox1_link4_title]]</a></li>
    										<li><a href="[[*linkbox1_link5_link]]">[[*linkbox1_link5_title]]</a></li>
    									</ul>
    								</section>
    								<section class="6u">
    									<h3>[[*linkbox2_title]]</h3>
    									<ul class="links">
    										<li><a href="[[*linkbox2_link1_link]]">[[*linkbox2_link1_title]]</a></li>
    										<li><a href="[[*linkbox2_link2_link]]">[[*linkbox2_link2_title]]</a></li>
    										<li><a href="[[*linkbox2_link3_link]]">[[*linkbox2_link3_title]]</a></li>
    										<li><a href="[[*linkbox2_link4_link]]">[[*linkbox2_link4_title]]</a></li>
    										<li><a href="[[*linkbox2_link5_link]]">[[*linkbox2_link5_title]]</a></li>
    									</ul>
    								</section>
    							</div>
    						</div>
    						<section class="6u">
    							<h3>[[*email_title]]</h3>
    							<form>
    								<div class="row half collapse-at-2">
    									<div class="6u">
    										<input type="text" name="name" id="name" placeholder="[[*email_label_name]]" />
    									</div>
    									<div class="6u">
    										<input type="email" name="email" id="email" placeholder="[[*email_label_email]]" />
    									</div>
    								</div>
    								<div class="row half">
    									<div class="12u">
    										<textarea name="message" id="message" placeholder="[[*email_label_message]]" rows="5"></textarea>
    									</div>
    								</div>
    								<div class="row half">
    									<div class="12u">
    										<ul class="actions">
    											<li><input type="submit" class="button alt" value="[[*email_button_label]]" /></li>
    										</ul>
    									</div>
    								</div>
    							</form>
    						</section>
    					</div>
    				</div>
    
    				<!-- Icons -->
    					<ul class="icons">
    						<li><a href="[[*sm_twitter_link]]" class="icon fa-twitter"><span class="label">[[*sm_twitter_label]]</span></a></li>
    						<li><a href="[[*sm_facebook_link]]" class="icon fa-facebook"><span class="label">[[*sm_facebook_label]]</span></a></li>
    						<li><a href="[[*sm_github_link]]" class="icon fa-github"><span class="label">[[*sm_github_label]]</span></a></li>
    						<li><a href="[[*sm_linkedin_label]]" class="icon fa-linkedin"><span class="label">[[*sm_linkedin_label]]</span></a></li>
    						<li><a href="[[*sm_gplus_link]]" class="icon fa-google-plus"><span class="label">[[*sm_gplus_label]]+</span></a></li>
    					</ul>
    
    				<!-- Copyright -->
    					<div class="copyright">
    						<ul class="menu">
    							<li>© [[++site_name]]. All rights reserved</li>
    						</ul>
    					</div>
    
    			</div>
    
    	</body>
    </html>


    Please take a look and help me with my temate,
    Rikh39
      • 28042 ☆ A M B ☆
      • 24,524 Posts
      The base href attribute should be left at [[++site_url]]. You will need to add the rest of the path to your links:
      <link rel="stylesheet" href="assets/templates/arcana/css/skel.css" />
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org