1. Заменить содержимое файла  по пути components/com_onepage/themes/Ваше название шаблона в компоненте OPC например sandwitch/overrides/update_form.tpl.php

Было :


Стало :

2. Дописать в файл по пути components/com_onepage/themes/Ваше название шаблона в компоненте OPC например sandwitch/overrides/basket.html.php в самом конце

 $document = JFactory::getDocument();
 // Add Javascript
 $document->addScriptDeclaration("
 jQuery(function($){
 $('.quantity_i').live('blur', function(){
 var qn_id = document.getElementById($(this).attr('id'));
 if (parseInt($(this).val()) > 0) {
 Onepage.updateProduct(qn_id, parseInt($(this).val())); 
 }
 });
 $('.quantity_m').live('click', function(){
 var qn = $(this).parent().find('.quantity_i');
 var qn_id = document.getElementById(qn.attr('id'));
 if (parseInt(qn.val()) > 1) {
 Onepage.updateProduct(qn_id, parseInt(qn.val()) - 1); 
 }
 });
 $('.quantity_p').live('click', function(){
 var qn = $(this).parent().find('.quantity_i');
 var qn_id = document.getElementById(qn.attr('id'));
 Onepage.updateProduct(qn_id, parseInt(qn.val()) + 1); 
 });
 });
 ");
 

 

3. Добавить css

#vmMainPageOPC #basket_container .vertical_align div.ulabel input.inputbox {
 min-width: 10px;
 width: auto;
 position: relative;
 left: auto;
 height: 25px !important;
 padding: 1px 5px;
 font-size: 14px !important;
 margin: 0px 5px;
 display: inline-block;
 font-family: Open Sans, sans-serif !important;
 line-height: 25px;
 border-radius: 15px !important;
}
#vmMainPageOPC #basket_container input.updatebtn {
 display: inline-block;
 width: 22px;
 height: 25px;
 border: none;
 vertical-align: middle;
 cursor: pointer;
 margin-left: 0px;
 position: relative;
 left: auto;
 top: auto;
 padding: 1px 0px;
 font-size: 14px;
 line-height: 24px;
 display: none;
}

ДЕМО

reload basket

Добавить комментарий