Category: Ecommerce-Web- App-Development

All articles related to Website development

Email notification for customer when adding new product

A section is there in PDP page to request a new product. This feature is enabled only for logged in customers. We utilize a custom record to store the details provided by the logged-in customer, including: Product Name Within the custom record, the information provided by the customer is stored. Additionally, appended the customer’s email… Continue reading Email notification for customer when adding new product

How to make An input box as both Search-box and select-box on next.js

Below is the code for making an input box to both the search and select box const CreateArticle = () => { const [tags, setTags] = useState([]); const [searchTerm, setSearchTerm] = useState(”); const [selectedTags, setSelectedTags] = useState([]); const [activeTab, setActiveTab] = useState(“create”); // “create” or “preview” const [newTag, setNewTag] = useState(”); /* Tag section*/ //… Continue reading How to make An input box as both Search-box and select-box on next.js

To display tags in the preview section on Knowledge base

<p className=“post-main-header-categoryTags text-left mt-5 mb-2”> <span className=“popup-knowledgebase-forumTagSpan “>Tags:{” “}</span> <p className=‘popup-knowledgebase-forumInnertag’> {previewContent.selectedTags .map((tagId) => { const tag = tags.find((tag) => tag.id === tagId); return tag ? tag.name : tagId; // Use tag name or tagId as per your data structure }) .join(“, “)} </p> </p>

Resolve error : You need a higher level of the ‘Lists -> Documents and Files’ permission to load the file using suitecript

Requirement: Show the pdf file attached in the customer record to the website We are getting only the id of the file from javaScript. To get the url, we have to load the file using suiteScript. When we use suitescript to load file, there may be a chance of permission issue to access the document.… Continue reading Resolve error : You need a higher level of the ‘Lists -> Documents and Files’ permission to load the file using suitecript

W3C Validation

W3C stands for World Wide Web Consortium. Its primary function is to assist site owners in identifying whether their XHTML or HTML documents are properly formatted with a markup language. W3C validation informs you of your various web page technical quality. W3C validation coding specifications ensure that your web page’s code script adheres to international… Continue reading W3C Validation

How to remove increment/decrement buttons on number inputs

we can use the css property for removing the increment/decrement buttons as shown below code input.quick-add-box-right-quantity-value[type=”number”], input.cart-item-summary-quantity-value[type=”number”]{    -webkit-appearance: none;    -moz-appearance: textfield;    appearance: textfield; }

Shopping page Not Scrolling in mobile device

Shopping Page Not Scrolling in Mobile device to overcome this issue we need to extend the shopping page view and add the below code define(‘ProductList.DetailsLater.View.Extension’ , [ ‘ProductList.DetailsLater.View’ , ‘underscore’ , ‘jQuery’ ] , function ( ProductListDetailsLaterView , _ , jQuery ) { ‘use strict’; _.extend(ProductListDetailsLaterView.prototype, { deleteListItemHandler: function (target) { var self = this ,… Continue reading Shopping page Not Scrolling in mobile device

Rename Image Files with the Item Identifier

The components of the image file name associate the file with an item record and determine how the images are presented on the product details page. Before renaming your image files, see Rename Image Files with the Item Identifier to define the naming conventions. Using the parameters for renaming image files, you can organize how the images… Continue reading Rename Image Files with the Item Identifier

FedEx Ship API-Print Return Label

Ship API The Ship API allows you to integrate FedEx shipping capabilities into your application. Using Ship API, you can process and submit shipping requests for packages to FedEx for both domestic and international shipments, as well as the return shipments. Each shipment request will contain detailed information for shipment and packages. FedEx Shipping categorized… Continue reading FedEx Ship API-Print Return Label