Incorrect html marking after ajax updates [#2398233]

After adding and removiming product I have this html:

<div style="display: block; overflow: hidden;">
  <!-- Order object present and cart is not empty. -->
  <div>
  <!-- Cart is empty or order object is null. -->
  <div id="cd-cart" class="ajax-shopping-cart-wrapper">
	<h2>Cart</h2>
    <div class="empty-shopping-cart">
      Shopping cart is empty    </div>
    <div class="ajax-shopping-cart-total"></div>
    <div class="ajax-shopping-cart-checkout"></div>
  </div>
</div>
</div>

First level div and second level div are new wrappers after ajax cart manipulations.

In template file I just changed:

<div id="cd-cart" class="ajax-shopping-cart-wrapper">

Comments

Comment #1

anikitin35 commented 24 December 2014 at 10:02

<div id="cd-cart" class="">
    
  <!-- Order object present and cart is not empty. -->
  <div>
  <!-- Cart is empty or order object is null. -->
  <div style="display: block; overflow: hidden;">
  <!-- Order object present and cart is not empty. -->
  <div>
  <!-- Order object present and cart is not empty. -->
  <div>
  <!-- Order object present and cart is not empty. -->
  <div>
  <!-- Order object present and cart is not empty. -->
  <div>
  <!-- Order object present and cart is not empty. -->
  <div class="ajax-shopping-cart-wrapper">
	<h2>Cart</h2>
    <table class="cd-cart-items ajax-shopping-cart-table">
<tbody>
 <tr class="odd"><td class="quantity"><form action="/system/ajax" method="post" id="dc-ajax-add-cart-update-quantity-27--5" accept-charset="UTF-8"><div><div class="form-item form-type-textfield form-item-quantity-27">
 <input type="text" id="edit-quantity-27--5" name="quantity_27" value="5" size="3" maxlength="3" class="form-text">
</div>
<input type="submit" id="edit-submit-27--5" name="op" value="Update" class="form-submit ajax-processed"><input type="hidden" name="form_build_id" value="form-88tafl6iwTsSpGPJ-UJOZjCK5tAHioGMMIYB8R4Lm9Q">
<input type="hidden" name="form_token" value="I4XH9YpgZP8xu84TQz5FPDMi7wDrVsW3R5WlLj8gBrE">
<input type="hidden" name="form_id" value="dc_ajax_add_cart_update_quantity_27">
</div></form></td><td class="name">Стопка серебряная</td><td class="price">3 000,00 руб.</td><td class="remove-from-cart"><a href="/remove-product/nojs/27" class="use-ajax ajax-processed"><img src="http://masterasevera.ru/sites/all/modules/dc_ajax_add_cart/images/remove-from-cart.png" alt="Remove from cart" title="Remove from cart"></a></td> </tr>
</tbody>
</table>

    <div class="ajax-shopping-cart-more-info clearfix">
      
      <div class="ajax-shopping-cart-total">
        Total: 15 000,00 руб.      </div>
      <div class="ajax-shopping-cart-checkout">
        <a href="/cart" class="dc-ajax-add-cart-checkout-link dc-ajax-add-cart-checkout-cart">Checkout</a>      </div>
    </div>
  </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Comment #2

subhojit777

he/him

Bengali

commented 29 December 2014 at 16:42

Related issues:

+#2318385: Extra div after ajax updates

Yes I am aware of this issue. I am trying to find an alternate for ajax_command_replace().
Again, patches are welcome.

Comment #3

anikitin35 commented 3 January 2015 at 14:08

Sorry, yours code is very hard for understanding.

Comment #4

torgospizza

he/him

English

Portland, OR

commented 6 February 2015 at 17:12

EDIT: Unrelated.

Comment #5

joelpittet

he/him

English

Vancouver

commented 6 February 2015 at 03:54

I was having a hard time checking if it was related based on the Issue Summary, but following to see what comes of this. @anikitin35 can you provide more details about the bug/incorrect markup?

Comment #6

anikitin35 commented 6 February 2015 at 10:48

For example:
we just added product to shopping cart and we have html:

<div id="cd-cart" class="">
    
  <!-- Order object present and cart is not empty. -->
  <div>
  <!-- Cart is empty or order object is null. -->
  <div style="display: block; overflow: hidden;">
  <!-- Order object present and cart is not empty. -->
  <div>

Old strings in the beginning...