Здравствуйте.

Хочу прикруть для пользователей функцию загрузки свое фото в шапку.

Как в твиттере — s16.radikal.ru/i191/1408/e7/483b54a7dcd3.jpg

Значит, что я сделал, по порядку.

1) Изменил значения максимальной ширины фото в конфиге

$config['module']['user']['profile_photo_width'] = 1500; 	  // ширина квадрата фотографии в профиле, px

2) В шаблоне сделал вывод загруженного фото:

<style>
#profile-top  {
background-image: url({$oUserProfile->getProfileFotoPath()}); color:#fff; height:374px; background-repeat: no-repeat;
background-position: bottom center;
clear: both;}
  }
 </style>

3) Проблема возникла с самой загрузкой фотографии.

Как добавить в личный кабинет настроек примерно такую форму:



?

В шаблоне нашел такой код загрузки фото:

<script type="text/javascript">
			jQuery(function($){
				$('#foto-upload').file({ name:'foto' }).choose(function(e, input) {
					ls.user.uploadFoto(null,input);
				});
			});
		</script>
		
		<p class="upload-photo">
			<a href="#" id="foto-upload" class="link-dotted">{if $oUserCurrent->getProfileFoto()}{$aLang.settings_profile_photo_change}{else}{$aLang.settings_profile_photo_upload}{/if}</a>   
			<a href="#" id="foto-remove" class="link-dotted" onclick="return ls.user.removeFoto();" style="{if !$oUserCurrent->getProfileFoto()}display:none;{/if}">{$aLang.settings_profile_foto_delete}</a>
		</p>

Вставил его в шаблон settings, но загрузка, понятно не работает.

Подскажите пожалуйста, чего не хватает?

И второй вопрос — можно ли задать где то и высоту фотографии?