macos - how to change xampp htdocs directory in OSX?

Question

I want to change XAMPP's htdocs directory. I followed the instructions to create a virtual host from this question:

Make XAMPP/Apache serve file outside of htdocs

this works fine on Windows 7, however when I try it on OSX, going to mysite.local just loads the xampp splash screen (mysite.local/xampp/index.html). I have restarted the web server. My virtual host declared in httpd-vhosts.conf is:

<VirtualHost *:80>

DocumentRoot Users/username/Documents/sitename.com

ServerName sitename.localhost

<Directory Users/username/Documents/sitename.com>

Order allow,deny 
Allow from all

</Directory>

Answer 1

Open the following file in a text editor.

/Applications/XAMPP/xamppfiles/etc/httpd.conf

Search for "DocumentRoot", if the line below has a # in front of it than it's commented remove it and change the path between the quote

DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs"

Now search for the line below and change the path between the quotes to your needs.

<Directory "/Applications/XAMPP/xamppfiles/htdocs">

NOTICE: Paths similar to ~/ won't work use the absolute path.