I am now using the using the Commerce Ajax Add to Cart 7.x-2.11 mod, which is going quite well, but the add to cart button for the first listing on any given listing page doesn’t respect the new function of the module. The first add to cart button on any listing page functions as it did prior to installing the module. All the subsequent add to cart buttons on any listing page respect the new function of the module, and work properly.

The first add to cart button on any listing page is using this class:
<input type="submit" id="edit-submit" name="op" value="Add to cart" class="form-submit">

The second add to cart button on that same listing page is using this class:
<input type="submit" id="edit-submit--2" name="op" value="Add to cart" class="form-submit ajax-processed">

Is this possibly an error in our custom theme or environment that is causing this, or has anyone else encountered this? Not sure where to begin. Thanks for any help!

Comments

ToneLoc created an issue. See original summary.

tonytheferg’s picture

tonytheferg commented
Issue summary: View changes
subhojit777’s picture

subhojit777
he/him
Primary language Bengali
commented

`ajax-processed` class is added by the Drupal ajax api. Is the ajax working for first button? If not, then its a bug in the module, and needs investigation.


    $form['submit']['#ajax'] = array(
      'callback' => 'dc_ajax_add_cart_ajax_cart_form',
      'method' => 'replace',
      'effect' => 'slide',
    );

adds the ajax functionality to the button. I haven't added any checks for first or second button. It is weird that the `ajax-processed` class is not added.

tonytheferg’s picture

tonytheferg commented

The Ajax is not working for the first button of every listing page. The first button functions like it did before the module, every other button on the page but the first works properly.

tonytheferg’s picture

tonytheferg commented

It's also adding ajax-processed to my search bar only at the listing pages level causing an ajax error: here is the submit class BEFORE clicking:

<button type="submit" id="edit-submit" name="op" value="Search" class="form-submit search-button ajax-processed"><svg class="icon" data-icon="search"><use xlink:href="#icon-search">search</use></svg></button>

all the rest of the pages the search button only picks up ajax processed after submitting.

tonytheferg’s picture

tonytheferg commented
Status: Active » Closed (works as designed)

Turns out this was bad custom search block form that was causing the trouble.

rastabout’s picture

rastabout commented

Actually, this is still an issue with the standard search form. * Anything that uses the "edit-submit" ID may have issues with ajax, the commerce add to cart button is conflicting.

Here's the solution (Paste this into template.php)

function mytheme_form_search_block_form_alter(&$form, &$form_state, $form_id) {

  $form['actions']['submit']['#attributes']['id'][] = 'search-edit-subit'; 

}