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...
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.
1 Answer
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)
);
},
Marcus Vance is a cybersecurity auditor and technology writer dedicated to educating the public about online safety, data privacy regulations, enterprise security, and emerging cyber threats.
