The template for Facet view in PLP page can be updated as shown below. Extend the facet item child view in Facet Browse view. Override the grid, table, list view templates. _.extend(FacetsBrowseView.prototype.childViews, { ‘Facets.Items’: function () { var self = this; var display_option = _.find(this.itemsDisplayOptions, function (option) { return option.id === (self.translator.getOptionValue(‘display’) ? self.translator.getOptionValue(‘display’) :… Continue reading How to extend the Grid, List, and Table Facet templates in SCA
Category: Ecommerce-Web- App-Development
All articles related to Website development
Adding the stock message in cart page
we can add the stock message by extending the view _.extend(CartLinesView.prototype, { template: jj_cart_lines_tpl, getContext: _.wrap(CartLinesView.prototype.getContext, function (fn) { var originalStock = fn.apply(this, _.toArray(arguments).slice(1)); var inStockMessage = originalStock.item.attributes._inStockMessage; var outofStockMessage = originalStock.item.attributes.outofstockmessage; var availableQuan=this.model.attributes.item.attributes.quantityavailable; if(availableQuan !==0){ originalStock.inStockMessage = inStockMessage; } else{ originalStock.outofStockMessage = outofStockMessage; } return originalStock; }), in corresponding template <div class=”instock-cart-message”>{{inStockMessage}}</div> <div… Continue reading Adding the stock message in cart page
Proposal For Resale/Tax Certificate automation option from the SuiteCommerce site
Proposal Summary This proposal covers the feature for the Resale/Tax certificate automation option from the SuiteCommerce site of Cleerline Technology Group. Requirement The Cleerline Technology Group USA needs a feature for the Resale/Tax certificate automation option from the SuiteCommerce site. Deliverables We will add a check box to select the option for uploading the resale… Continue reading Proposal For Resale/Tax Certificate automation option from the SuiteCommerce site
Out of Stock Message 2023.2.0 Release SC/SCA/SCMA
With the 2023.2 release, the Out of Stock error message lists the exact number of items that are not in stock so that the user can go back and edit the order on the SuiteCommerce and SuiteCommerce Advanced websites.
Individual Transform Property
A good way to give the website some animations or transitions is to use the transform property in CSS. The problem is if we want to change just one of the transform properties later on, we must write the whole definition again for all properties. Example: .childBlock1:hover { transform: translateX(0%) rotate(0deg) scale(0.9); } @media… Continue reading Individual Transform Property
Random Permissions Errors on Service Files
If you are seeing unexplained permissions errors for your service files on a correctly set up environment, find the customer record you are logged in as, edit, and go to System Information → Access and set the contact role to the native level (Customer Center) then save. Log in to the sight, then edit the… Continue reading Random Permissions Errors on Service Files
How to remove scrolling section on iframe form
By using scrolling=”no” to remove scrolling section on iframe form
Difference Between PUT and PATCH Request
In the realm of web development and API design, HTTP methods play a crucial role. Two such methods, PUT and PATCH, are often used for updating resources, but they differ significantly in their approach. Let’s delve into the distinctions between these methods to gain a comprehensive understanding of when and how to use them. PUT… Continue reading Difference Between PUT and PATCH Request
Strike-Through Pricing extension features
Enabling the strike through features in SCA will only help to compare the customer’s configured price level with the default price level. The price displayed in website will be like the price level selected in the customer record will be displayed striking the default price level selected in the configuration record in the field of… Continue reading Strike-Through Pricing extension features
JavaScript code that generates a passcode by encoding the Base64 of existing parameters from the URL and timestamp. Then, load the URL by adding this generated passcode as an additional parameter using the debug console.
const getParameterByName = (name, url) => { try { if (!url) url = window.location.href; name = name.replace(/[[]]/g, “$&”); let regex = new RegExp(“[?&]” + name + “(=([^&#]*)|&|#|$)”), results = regex .exec(url); if (!results) return null; if (!results[2]) return ‘ ‘; return decodeURIComponent(results[2].replace(/+/g, ” “)); } catch (e) { console.error(“Err@ FN getParameterByName”, e); } } //routeId… Continue reading JavaScript code that generates a passcode by encoding the Base64 of existing parameters from the URL and timestamp. Then, load the URL by adding this generated passcode as an additional parameter using the debug console.