Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.

When using the Cordova APIs, an app can be built without any native code (Java, Objective-C, etc) from the app developer. Instead, web technologies are used, and they are hosted in the app itself locally (generally not on a remote http server).

And because these JavaScript APIs are consistent across multiple device platforms and built on web standards, the app should be portable to other device platforms with minimal to no changes.

Apps using Cordova are still packaged as apps using the platform SDKs, and can be made available for installation from each device's app store.

Cordova provides a set of uniform JavaScript libraries that can be invoked, with device-specific native backing code for those JavaScript libraries. Cordova is available for the following platforms: iOS, Android, Blackberry, Windows Phone, Palm WebOS, Bada, and Symbian.

If you want to use Cordova in your mobile application, take a look at our documentation. It includes Getting Started guides, the JavaScript APIs reference and examples, instructions on Upgrading from previous versions of Cordova, how to write your own Cordova plugin, and more. The selector in the top-right corner of the documentation will let you pick different Cordova versions and language translations.

Apache Cordova graduated in October 2012 as a top level project within the Apache Software Foundation (ASF). Through the ASF, future Cordova development will ensure open stewardship of the project. It will always remain free and open source under the Apache License, Version 2.0.

в шаблоне товара маленький скрипт (лучше вынести отдельно, чтоб не гадить)
../components/com_jshopping/templates/default/product/product_default.php

jQuery(function(){
jQuery('dl.tabs dt').click(function(){
jQuery(this)
.siblings().removeClass('selected').end()
.next('dd').andSelf().addClass('selected');
});
});


сами табы (тут же в шаблоне в нужное место, с необходимым содержимым)
Скрыть текстовый блок
Код
<dl class="tabs">
<dt class="selected">Описание</dt>
<dd class="selected">
<div class="tab-content">
<div class = "jshop_prod_description">
<?php print $this->product->description; ?>
</div></div>
</dd>
<dt>Отзывы</dt>
<dd>
<div class="tab-content">
<?php print $this->_tmp_product_html_before_review; include(dirname(__FILE__)."/review.php");?>
</div>
</dd>
<dt>Сопутствующие товары</dt>
<dd>
<div class="tab-content">
<?php print $this->_tmp_product_html_before_related; include(dirname(__FILE__)."/related.php");?>
</div>


CSS в файл стилей
.tabs {
width:100%;
overflow:hidden;
font-size:0.9em;
margin:2em 0;
zoom:1;
padding:1px;
position:relative;
}

.tabs dt {
float:left;
line-height:2;
height:2em;
background:#e8f0f5;
border:1px solid #e8f0f5;
border-bottom:0;
padding:0 1em;
position:relative;
left:35px;
margin-right:1px;
cursor:pointer;

-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

.tabs dt:hover {
background-color:#bfdff4;
}

.tabs dt.selected {
border-color:#b0d0e9;
background:#fff;
z-index:3;
cursor:auto;
}

.tabs dd {
background:#fff;
display:none;
float:right;
width:100%;
margin:2em 0 0 -100%;
position:relative;
z-index:2;
}

.tabs dd.selected {
display:block;
}

.tabs .tab-content {
border:1px solid #b0d0e9;
padding:20px;

-webkit-border-radius:20px;
-moz-border-radius:20px;
}

Оцените, насколько ваш сайт соответствует правилам юзабилити и дизайна.

1. В шапке сайта размещён логотип компании.
2. В шапке сайта есть слоган или краткое описание деятельности.
3. Номер телефона с кодом города и временем для звонка расположен на видном месте.
4. Есть альтернативный способ связи (ссылка на форму связи или заказа звонка).
5. Названия пунктов меню краткие и понятные для пользователей.
6. В меню сайта сделан акцент на важной информации.
7. Текущий раздел, в котором находится пользователь, визуально выделен.
8. Заголовки страниц дублируют и детализируют названия пунктов меню.
9. На внутренних страницах есть «хлебные крошки».
10. Логотип в шапке ссылается на главную страницу.
11. Важная информация на странице размещена в первом экране.
12. Отсутствуют большие нефункциональные и неинформативные баннеры сразу под шапкой сайта.
13. Кнопки в дизайне выглядят, как кнопки; на них хочется нажимать.
14. Ссылки в тексте подчеркнуты.
15. В текстах на сайте используется небольшое количество стилей форматирования текста.
16. На сайте нет незаполненных пустых страниц.
17. Формы связи и отправки сообщения содержат минимум обязательных полей
18. В формах отмечены обязательные поля.
19. Подсказки при ошибках заполнения отображаются рядом с полем, в котором обнаружена ошибка.
20. Производится проверка правильности введенных данных в поля формы.
21. Форма не содержит кнопок с функцией очистки или отмены отправки.
22. Кнопка отправки заявки яркая и заметная.
23. После отправки данных пользователь точно знает, что данные отправлены успешно, и когда ему ответят.

Переходим в ~/tmp

cd ~/tmp

 

Качаем скрипт установки:

wget iamsan.ru/scripts/ap22_inst.sh

 

Запускаем:

sh ap22_inst.sh

 

Ждем минут 5-10 пока все скомпилится.

 

Пробуем перезапустить:

~/etc/rc.d/apachectl restart