Делаем Iphone-версию сайта

Прочитав недавно пост на Хабре, я воодушевился и решил попробовать сделать Iphone-версию сайта, используя фреймворк iWebKit. Так как сайт сделан на Битриксе, пришлось делать шаблон, который вы можете найти в этом посте.

В архиве лежит папка iphone, в ней находится шаблон для Битрикса. Эту папку нужно закачать в /bitrix/templates/

Скачать шаблон (36 кб).

Версию для айфона можно разместить, например, в папке /pda/. Установите в настройках сайта применение нового шаблона к этой папке. Тогда в настройках вашего основного шаблона (главной страницы) напишите в самом верху следующий код:

if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod') || strstr($_SERVER['HTTP_USER_AGENT'],'Android'))
{
	header("Location: /pda/");
}

В таком случае, если устройство пользователя Iphone, Ipod или смартфон под управлением Google Android, то его перекинет на страницу /pda/index.php, для которой у нас применяется шаблон Iphone-версии. Напишите в нём следующий код:

<? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); ?>

	
Тайтл


	Название компании
    

		

            
Описание компании
         
    
    

		

        	Пункт 1
        
        

        	Пункт 2
        
		

            Пункт 3
        
	

<? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php"); ?>

Кстати, если у вас нету айфона, вы можете тестировать в Гугл Хроме или Сафари. Документацию можно почитать на сайте http://iwebkit.net/.