Tag Archives: web folder

How to Quickly Identify Which Folder Your Current Design Template / Theme is Occupying

The original ShiftCode script coders were obviously aiming to make switching between design templates / themes (herein referred to simply as ‘template’) as quick and painless as possible by tucking away everything related to each template in its own totally separate web folder.  All the design related files including template specific images are all located in the template’s own folder or a subdirectory branching of that folder (like an /images sub-directory)

Your initial dilemma?  Which of the 5 or 6 similarly named (with two digit numbers) folders does the template I’m using now originate from?  Yes, I used to be quite confused and frustrated trying to figure this out until I ran across the simple answer while investigating something else in the code.

The Secret Mystery Solve:

Ok, all you need to do is surf on over to your site’s home page in pretty much any web browser and choose to view the page source code (which for me and my Google Chrome browser ends up being a right click on any portion of the web site and choosing ‘View page source” and I know that all other popular browsers to have a similar ‘view source code’ function)  When your source code view page open up then if you know what a <Head> section (towards the very top of the page code) is then look for a style.css (main styling cascading style sheet file) reference that looks like this [<link type=”text/css” rel=”stylesheet” href=”/templates/55/style.css” />] (without the square brackets “[“)
If you don’t know where to look for the <Head> section of the page source code then simply look for the opening <Head> tag that starts off the section at the top of the page with an opening head statement that looks like this <Head> (letter case does not matter here) – That is where your <Head> section begins.  On my source code then my opening <Head> tag occurs on code line #3 just after the <html> tag.

Now look further down (maybe 10-20 lines down) for a closing head statement that looks like this </Head> (with a slash through before the word signifying in coding language that it’s an end to a statement or section)  In my own case then my closing </Head> tag occurs by itself on code line #24 (Yes, you also should have found it by now – it’s easy!  if you are still having issues finding your <Head> sections then I suggest you Google it (explaining that further would be beyond the scope of this article))
Anyways, everything (all the code) between the opening <Head> tag and the closing </Head> tag is referred to as the head section.

Ok, now in the head section then look for a statement that has a ‘style.css’ file referenced in it.  My code looks like this [<link type=”text/css” rel=”stylesheet” href=”/templates/55/style.css” />] (without the square brackets “[“) and whatever number occurs after the ‘/template/‘ part is the number of the folder that your currently active default design template is using (“/templates/55/“) In this case my template is in the “55” folder off of the “template” folder.

Now you can go poke around in that folder at will in the File Manager (on the lower right menu under ‘Files & Templates’)  You may also want to write down this location until you have it memorized.

Theme Folder in the ShiftCode File Manager