CODEWITHSUNDEEP
javascriptshopifyliquid
DevOverflow
DevOverflow

Reputation: 39

Shopify / Liquid - rename the error "Required parameter missing or invalid"

On my shopify site (Debut theme), when a user clicks the add to cart button without choosing a size, it gives this message: "Required parameter missing or invalid: items".

I would like to reword this message to something more friendly, like "Please pick a size".

How would I achieve this? I'm assuming its a liquid issue but not sure if could also be javascript related. Thanks.

Upvotes: 1

Views: 4353

Answers (1)

Vladimir
Vladimir

Reputation: 2559

Open the assets/theme.js and search for response.responseJSON.description. It should be withing the _addItemToCart method. Add the following .replace("Required parameter missing or invalid: items", "Please pick a size"). So after this change the whole method should look like the below:

_addItemToCart: function(data) {
  var params = {
    url: '/cart/add.js',
    data: $(data).serialize(),
    dataType: 'json'
  };

  $.post(params)
    .done(
      function(item) {
        this._hideErrorMessage();
        this._setupCartPopup(item);
      }.bind(this)
    )
    .fail(
      function(response) {
        this.$previouslyFocusedElement.focus();
        var errorMessage = response.responseJSON
          ? response.responseJSON.description.replace("Required parameter missing or invalid: items", "Please pick a size")
          : theme.strings.cartError;
        this._showErrorMessage(errorMessage);
        this._handleButtonLoadingState(false);
      }.bind(this)
    );
},

Upvotes: 3

Related Questions