Opencart 如果产品可用按钮显示否则禁用该按钮

Opencart if product available Button show else disable that button

您好,我正在使用 Opencart 创建一个应用程序。完全定制,我对此表示怀疑。

  1. 我有 filter.tpl 页面,在这个页面我需要根据产品可用性显示和隐藏按钮 例如: 如果有可用的产品显示如下 enter image description here

    否则按钮显示如下enter image description here

我正在使用 ajax

尝试这个捕鸟代码

filter.tpl

$('input[name=\'filter_name\']').autocomplete({
'source': function(request, response) {
    $.ajax({
        url: 'index.php?route=catalog/product/getProductCheck' +  encodeURIComponent(request),
        dataType: 'json',
        success: function(json) {
            response($.map(json, function(item) {
                return {
                    label: item['name'],
                    value: item['product_id']
                }
            }));
        }
    });
},
'select': function(item) {
    $('input[name=\'filter_name\']').val(item['label']);
}

});

在控制器中 product.php

public function getProductCheck()
{
        /*Some code here*/
}

因此您可以使用 if ($product['quantity']) 语句,例如

我使用 javascript 以下代码

得到输出
<div class="form-group">
    <div style='display:none;' id='instock'>
        <a class='instock-btn'>Product / Solution Available</a> 
            <input type='submit' class='btn-orng available' name='' value="Click here for more details" size='20' />    
    </div>
    <div style='display:none;' id="outstock">
        <input type='submit' class='outstock-btn' name='' value="Product / Solution Not Available" size='20' /> 
        <input type='submit' class='btn-orng' name='' value="We will contact you at the earliest" size='20' />  
    </div> 
</div>

脚本

$(document).ready(function(){
    $('#dia1').on('change', function() {
        //var value =
      if (this.value <='320' )
      {
        $("#instock").show();
        $("#outstock").hide();
      }
      else
      {
        $("#instock").hide();
        $("#outstock").show();
      }
    });
     $('#len1').on('change', function() {
        //var value =
      if (this.value <='310' )
      {
        $("#instock").show();
        $("#outstock").hide();
      }
      else
      {
        $("#instock").hide();
        $("#outstock").show();
      }
    });
});