Max quantity exceeds validation message in PLP,cart, wishlist

define( ‘JJ.MaxQuantitylimit.MaxQuantitylimit’ , [ “ProductDetails.Quantity.View”, “Cart.AddToCart.Button.View”,“Backbone”,‘Cart.Summary.View’, ] , function ( productQuantityView, CartAddToCartButtonView,Backbone,CartSummaryView ) { ‘use strict’; return { mountToApp: function mountToApp (container) { var pdp = container.getComponent(“PDP”); console.log(‘PDP’,pdp); var childItemQuantity; console.log(‘childItemQuantity’,childItemQuantity); pdp.on(“afterOptionSelection”, function () { var childInfo = pdp.getSelectedMatrixChilds(); childItemQuantity = childInfo[0].quantityavailable; Backbone.Events.trigger(“updateQuantity”, childItemQuantity); }); _.extend(productQuantityView.prototype, { events: _.extend({}, productQuantityView.prototype.events, { ‘change [data-action=”changeQuantity”]’: “updateQuantity”, }),… Continue reading Max quantity exceeds validation message in PLP,cart, wishlist

How to use the Gap Property for Flexbox

To specify the same distance between rows and columns, we needed to use the margin property. However, this had one inconvenience, the first and last elements also inherit the spacing around their edge which is not always intended. To avoid this issue,here we are using the flex box to have this

How to show category for a particular customer based on customer segments

the requirement of the task is for now created the New category for the Gloss Lab francise customer , The category called ( Salon Products) ,and as per now the category which is belongs to glosslab customer that category only it will show for that customer , so remaining item should be jan/sen products Testing… Continue reading How to show category for a particular customer based on customer segments

Default validation message is not showing for newsletter

For showing In normally if we didn’t enter anything in email field it will shows an error message but if message is not getting we need to customize and created a new extension for that and check Configuration : { “type”: “object”, “subtab”: { “id”: “Newsletter”, “group”: “extensions”, “title”: “Newsletter” }, “properties”: { “newsletter.FirstName”: {… Continue reading Default validation message is not showing for newsletter

How to show the popup for the first time based on thc cookies

We can show the popup in plp and pdp page for the first time condition based on the cookies , if the cookies were not there the popup will show if the cookies were catched then the popup will not show Need to define : ‘js.cookie’ Need to add in function cookie _.extend(ProductDetailsFullView.prototype, { initialize:_.wrap(ProductDetailsFullView.prototype.initialize,function(fn){… Continue reading How to show the popup for the first time based on thc cookies

How to show the popup for the first time based on thc cookies

We can show the popup in plp and pdp page for the first time condition based on the cookies , if the cookies were not there the popup will show if the cookies were catched then the popup will not show Define ‘js.cookie’ Function cookie _.extend(ProductDetailsFullView.prototype, { initialize:_.wrap(ProductDetailsFullView.prototype.initialize,function(fn){ fn.apply(this,_.toArray(arguments).slice(1)); this.on(‘afterViewRender’, this.showPopupModel, this); }), showPopupModel:function ()… Continue reading How to show the popup for the first time based on thc cookies

How to show the popup for the first time based on thc cookies

We can show the popup in plp and pdp page for the first time condition based on the cookies , if the cookies were not there the popup will show if the cookies were catched then the popup will not show Define ‘js.cookie’ Function cookie _.extend(ProductDetailsFullView.prototype, { initialize:_.wrap(ProductDetailsFullView.prototype.initialize,function(fn){ fn.apply(this,_.toArray(arguments).slice(1)); this.on(‘afterViewRender’, this.showPopupModel, this); }), showPopupModel:function ()… Continue reading How to show the popup for the first time based on thc cookies

Additional free shipping in Shipping section in the PDP page

An additional section needs to be added for shipping, checkbox needs to be created for the item and the section will shown based on the checkbox,The image and text to be added configured As per the task requirement i have created the checkbox in the item field now based on the checkbox the contents were… Continue reading Additional free shipping in Shipping section in the PDP page

How to use the validateLine function in scriptable cart ?

A validateLine event occurs when a line in a transaction changes. This change can occur when a shopper adds an item, changes an item’s quantity, or removes an item. validateLine Function In all cases, validateLine functions run before a change is made, making them the perfect mechanism for a wide range of preventative actions. For… Continue reading How to use the validateLine function in scriptable cart ?