Cleerline Technology Group Requirement We are needing a field added to the website checkout page where you can name the different cards you have stored in your customer record. For example: Card ending in 1004 Nickname: Rob Work Card ending in 1111 Nickname: Testing Only Display nickname field on the website checkout page and my… Continue reading Proposal For Adding Nickname For Credit Card In Website Checkout Page, My Account Page And Save To Netsuite
Author: Shekha E K
_.find() in Underscore.js
This is the Undescore.js library function that allows us to iterate over your collection and finding the value in that collection based on the algorithm implemented. Following is the way we can use this function. output [2, 4]
Underscore.JS – values method
Syntax_.values(object) values method return all the values of object’s properties. // Example 1 var result = _.values({one: 1, two : 2, three: 3}); console.log(result); Output [ 1, 2, 3 ]
Remove Inventory Information(stock message) until a color is selected on PDP page
Project- PTC-799Requirement: The current website behavior when you land on an item page is that it shows “in stock” based on a default item – it is only when you click on a color that it will reflect the inventory for that particular item. Remove the “In Stock” notice altogether on the landing page so… Continue reading Remove Inventory Information(stock message) until a color is selected on PDP page
PDP() Frontend Extensibility API
The PDP (Product Details Page) component provides a number of ways to interact with the product details page, such as setting page options, changing quantities, and getting item information. Get an instance of this component by calling container.getComponent(“PDP”). MembersPDP_FULL_VIEW :StringDescriptionThe name of the main PDP full view. Use this name to reference views in methods such… Continue reading PDP() Frontend Extensibility API
Underscore.JS – invert method
Invert method swaps the key and values of object passed. var result = _.invert({one: 1, two : 2, three: 3}); console.log(result); // Example 2 result = _.invert({ name: ‘Sam’, age: 30}); console.log(result); Output { ‘1’: ‘one’, ‘2’: ‘two’, ‘3’: ‘three’ } { ’30’: ‘age’, Sam: ‘name’ }
How to add a timeout without set timeout function for a delay?
Sometimes the function we have written in the code will run before the page load. In such cases we can use a delay. The _.defer() function is used to invoke/call a function until the current call stack is cleared. Its major advantage is that it performs expensive computations, calculations or HTML in chunks without blocking… Continue reading How to add a timeout without set timeout function for a delay?
Periodic table with html and css
html: css
3D-Toggle
Result:
Change/swap image on hover
To swap an image when a user hovers over it, the most common and effective method is to place two images in the same container – making the “rollover” image transparent by default. When the user hovers over the container, the “rollover” image becomes opaque.