Sometimes, when we use the youtube link directly in iframe code, the video will not load and shows error like youtube refuse to connect. Solution: YouTube doesn’t allow 3rd parties to embed their site directly like that. The easiest way to get the correct link is to right-click on the YouTube video and select copy embed code.
Category: NS SuiteCommerce Advanced
All articles / code related to SuiteCommerce advanced
List of properties in owl carousel using javascript API
items Type: NumberDefault: 3 The number of items you want to see on the screen. margin Type: NumberDefault: 0 margin-right(px) on item. loop Type: BooleanDefault: false Infinity loop. Duplicate last and first items to get loop illusion. center Type: BooleanDefault: false Center item. Works well with even an odd number of items. mouseDrag Type: BooleanDefault: true Mouse drag enabled. touchDrag Type: BooleanDefault: true Touch drag enabled. pullDrag… Continue reading List of properties in owl carousel using javascript API
Generate a Sitemap
When you generate a sitemap, your Homepage URL, Item URLs, Commerce Category URLs, and Commerce Subcategory URLs are added by default. To add any additional URLs such as Site Builder Category URLs, Blog posts, and so on, follow the steps outlined in Add User-Defined URLs to the Sitemap. To add the change frequency for each URL… Continue reading Generate a Sitemap
How to solve the breadcrumb is displayed under the header without using settimout
we can use the afterViewRender function instead of setimeout set interval delay Example of afterViewRender function solution:
How to save data to a firebase database (firestore) using firebase function using ReactJS
In Cloud Firestore, data is stored in collections. To add data to Firestore, import the Collection and addDoc functions. We also import the db initialized in the firebase.js file. When the button is clicked, the Cloud Firestore creates a collection (we have named it todos) and adds data as a document to the todos collection. For importing addDoc and Collection we first have to initialize the app… Continue reading How to save data to a firebase database (firestore) using firebase function using ReactJS
What is hooks and type of hooks used in the react.Js
React Hooks are simple JavaScript functions that we can use to isolate the reusable part from a functional component. Hooks can be stateful and can manage side-effects. React provides a bunch of standard in-built hooks: useState: To manage states. Returns a stateful value and an updater function to update it. useEffect: To manage side-effects like… Continue reading What is hooks and type of hooks used in the react.Js
How to create a slider that compares two images using Css and JavaScript
Image Comparison Slider Create an Image Comparison Slider Step 1) Add HTML: Example Step 2) Add CSS: The container must have a “relative” positioning. Example Step 3) Add JavaScript: Example Step 4) Execute Script: Example
How can we set it so that when we click on the download link in an HTML page, the download is done on the same page using JavaScript?
Its possible to we can download the file from current page by using javascript. In <p>, we are using the onClick method to download the file and passing the URL as a parameter
How can we solve the ‘Error: EBUSY: resource busy or locked’ issue when running the ‘gulp extension:local’ command?
Its possible to we can remove ‘Error: EBUSY: resource busy or locked’ issue when running the ‘gulp extension:local’ command . Method 1 : use command npm cache clean Method 2: If cache cleaning does not solve the issue, then we try uninstalling Node.js and reinstalling Node.js.
Gift Wrap & Message Extension
The Gift Wrap & Message extension lets you offer gift wrap options in your web store and allow users to add personalized messages to their orders. You can: create multiple gift wrap items, organizing your options by size, color, and type determine items to be gift wrapped and the gift wrap options to be used… Continue reading Gift Wrap & Message Extension