Opencart如何將產品選項添加到選項卡

Question

Opencart 1.5.3。我試圖讓頁面上的產品選項顯示在選項卡內。如果我使用下面的代碼，我沒有得到任何錯誤，它看起來很好，但點擊添加到車沒有任何作用。如果代碼在標籤之外，則工作正常。林不知道我做錯了什麼。

<div id="tabs_container"> 
<ul id="tabs"> 
<li class="active"><a href="#tab1">tab1</a></li> 
<li><a href="#tab2">tab2</a></li> 
<li><a href="#tab3">tab3</a></li> 
<li><a href="#tab4">tab4</a></li> 
</ul> 
</div> 

<div id="tabs_content_container"> 
<div id="tab1" class="tab_content" style="display:block"></div><!--tab1--> 
<div id="tab2" class="tab_content"></div><!--tab2--> 
<div id="tab3" class="tab_content"></div><!--tab3--> 
<div id="tab4" class="tab_content"> 

<?php if ($options) { ?> 
     <div class="options"> 
     <h2><?php echo $text_option; ?></h2> 
     <br /> 
     <?php foreach ($options as $option) { ?> 
     <?php if ($option['type'] == 'select') { ?> 
     <div id="option-<?php echo $option['product_option_id']; ?>" class="option"> 
      <?php if ($option['required']) { ?> 
      <span class="required">*</span> 
      <?php } ?> 
      <b><?php echo $option['name']; ?>:</b><br /> 
      <select name="option[<?php echo $option['product_option_id']; ?>]"> 
      <option value=""><?php echo $text_select; ?></option> 
      <?php foreach ($option['option_value'] as $option_value) { ?> 
      <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?> 
      <?php if ($option_value['price']) { ?> 
      (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>) 
      <?php } ?> 
      </option> 
      <?php } ?> 
      </select> 
     </div> 
     <br /> 
     <?php } ?> 
     <?php } ?> 
     </div> 

</div><!--tab4--> 
</div><!--tabs_content_container--> 

這是Opencart使用的表單提交的JavaScript。

<script type="text/javascript"><!-- 
    $('#button-cart').bind('click', function() { 
     $.ajax({ 
      url: 'index.php?route=checkout/cart/add', 
      type: 'post', 
      data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'), 
      dataType: 'json', 
      success: function(json) { 
       $('.success, .warning, .attention, information, .error').remove(); 

       if (json['error']) { 
        if (json['error']['option']) { 
         for (i in json['error']['option']) { 
          $('#option-' + i).after('<span class="error">' + json['error']['option'][i] + '</span>'); 
         } 
        } 
       } 

       if (json['success']) { 
        $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>'); 
        $('.success').fadeIn('slow'); 
        $('#cart-total').html(json['total']); 
        $('html, body').animate({ scrollTop: 0 }, 'slow'); 
       } 
      } 
     }); 
    }); 
    //--></script> 

Answer 1

問題將在於關閉</form>標記不會在標籤內容周圍。您需要在您的內容後移動</form>，並且應該這樣做